<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body{font-size:14px; background:;  font-family:"å¾®è½¯é›…é»‘";}
*{ margin:0; padding:0;}
img{ border:none;}
ul{ list-style:none;}
li{list-style:none;}
.clear{ clear:both}
/*.clear{ zoom:1;}
.clear:after{ content:''; display:block; clear:both;}
*/.l{ float:left;}
.r{ float:right;}
.hidden{display:none}
a,a:hover{ text-decoration:none}
.fl { float:left;}
.fr { float:right;}
.mrg{margin:0 auto;}

/*topline*/
.topline{width:100%; height:40px; line-height:40px; background:#1a7acc; }
.topline ul{ height:40px; width:1190px; margin:0 auto;}
.topline li{ height:40px; line-height:40px; color:#ffffff; font-size:12px;}


/*head*/
.head{ height:132px;overflow:hidden; width:100%; background:#f0f2f4; }
.head ul{ width:1190px; margin:0 auto; height:132px;}
.head li{ float:left;}
.head li.tel{ float:right; font-size:14px; color:#333; text-align:right; padding:45px 0 0 0;}
.head li.tel strong{ font-size:24px; color:#fa8d00;}
.head .logo{ padding:26px 0 0 0;}
.head .xia,.head .sougou{ margin:47px 0 0 40px; height:42px; line-height:42px; font-size:16px; color:#444444; font-weight:bold; padding:0 0 0 55px; }
.head .xia{  background:url(../images/xia.jpg) no-repeat left center;}
.head .sougou{  background:url(../images/sougou.jpg) no-repeat left center;}

/*äºŒçº§èœå•*/
#nav_child{ position: absolute;width:100%;background-color: black;filter: Alpha(opacity=50);background: rgba(0,0,0,0.5);height:0;overflow:hidden;top:57px;z-index: 1000;}
.nav_child{width:1190px;margin: 0 auto;}
.nav_child div{width:130px; float: left;}
.nav_child div li{width:130px;text-align:center;line-height: 35px;height:35px;color:white; background:url(../images/nav_bg_biao.png) no-repeat left top;}
.nav_child div li a{ color:#fff; line-height: 35px;height:35px;display:block;}
.nav_child div li a:hover{ font-weight:bold;}

/*service*/
.service{ background:#f3f4f6; padding:48px 0 48px 0;}
.service h2{ font-size:32px; color:#333333; line-height:60px; text-align:center;}
.service_list{ height:90px;}
.service_list ul{ height:40px; line-height:40px; width:508px; margin:0 auto;}
.service_list li{ width:127px; float:left; text-align:center; color:#000000; line-height:40px; font-size:18px; background:url(../images/service_list_border.jpg) no-repeat right center;}
.service_con{ background:#fff; width:1195px; margin:0 auto;}
.service_con_list{ width:238px; height:334px; position: relative; margin-right:1px; overflow: hidden; }
.service_con_list h3{ font-size:24px; text-align:center; color:#6cafed; line-height:43px;}
.service_con_list p{ font-size:13px;  line-height:20px; text-align:center;}
.service_con_list p span{width:200px; font-size:12px; display:block; position: absolute; line-height:20px; text-align:center; top:272px;left:19px}
.service_con_list .service_pic{ width:104px; height:104px; position: absolute; left:62px; top:137px;}
.service_con_list .b_line{ position:absolute; width:100%; bottom:0px; height:5px; background:#458fd4}
.service_left{width:238px;height:334px;padding-top: 38px;color:#7e7e7e;}
.service_con_list_on{ width:238px; padding:38px 0 0 0; height:296px; position: relative; margin-right:1px; background:#60d4ba;overflow: hidden}
.service_con_list_on h3{ font-size:24px; text-align:center; color:#fff; line-height:43px;}
.service_con_list_on p{ font-size:13px; color:#fff; line-height:20px; text-align:center;}
.service_con_list_on p span{width:100%; font-size:14px; color:#fff; display:block; position: absolute; line-height:20px; text-align:center; top:272px;}
.service_con_list_on .service_pic{ width:104px; height:104px; position: absolute; margin-left:-52px; left:50%; top:137px;}
.service .on{color:white}
.service .on h3{color:white}
#service1 .on{background:#4590d4;}
#service2 .on{background:#5fd4ba;}
#service3 .on{background:#81d065;}
#service4 .on{background:#ebb136;}
#service1 .b_line{ position:absolute; width:100%; bottom:0px; height:5px; background:#458fd4}
#service2 .b_line{ position:absolute; width:100%; bottom:0px; height:5px; background:#5fd4ba}
#service3 .b_line{ position:absolute; width:100%; bottom:0px; height:5px; background:#81d065}
#service4 .b_line{ position:absolute; width:100%; bottom:0px; height:5px; background:#ebb136}



.service_con_list_con{ width:213px; padding:10px 0 0 25px; height:320px; position: absolute;top:0;left:238px; margin-right:1px; }
.service_con_list_con h4{ font-size:14px; text-align:center;  line-height:28px; border:1px solid #c4ccd4; min-width:50px; padding:0 12px; display:inline-block;}
.service_con_list_con h4 a{ color:#5f5e68;}
.service_con_list_con p{ font-size:12px; color:#7e7e7e; line-height:35px; text-align:left; padding:0 0 8px 0;}

/*case*/
#case_index{  margin-top:4px; background:#fff; overflow:hidden; }
.case_index_title{height:82px;width:100%; background:url(../images/case_index_title_bg.png) no-repeat bottom; border-bottom:#e3e3e3 1px solid;}
.case_index_title h1{ width:322px; height:32px; line-height:32px; margin:0 auto; padding:23px 0 21px 24px; font-size:32px; color:#666; background:url(../images/case_index_title_e.png) no-repeat right;}
.case_index_titled{height:82px;width:100%; border-bottom:#e3e3e3 1px solid; }
.case_index_titled h1{ width:345px; height:32px; line-height:32px; margin:0 auto; padding:23px 0 21px 24px; font-size:32px; color:#666; background:url(../images/aa.png) no-repeat right;}
#case_index p{ margin-top:20px; margin-bottom:20px; line-height:26px; text-align:center; color:#777; font-size:13px;}

.case_index_list{ width:1190px; padding:30px 0; overflow:hidden;/**/ margin:0px auto; overflow:hidden;}
.case_index_list ul li { width:297px; height:310px; float:left; text-align:center; margin-bottom:10px;}
.case_index_list ul li img { margin-top:5px;}
.case_index_list ul li a { width:290px; height:300px; display:block; margin:0px auto; text-align:center; background-color:#f0f0f0;}
.case_index_list ul li span { width:280px; height:70px; display:block; clear:both; margin:0px auto; background-color:#FFF; text-align:center; line-height:70px; font-size:18px;}


/*choose_index*/
#choose_index{ margin:0 auto; padding:18px 0 30px; width:1190px; }
#choose_index h1{ margin-top:20px; width:1190px; height:55px; font-size:32px; font-weight:bold; color:#333; line-height:55px; text-align:center;}
#choose_index p{ width:1190px; font-size:16px; color:#616161; line-height:33px; text-align:center;}
#choose_index ul{ width:1190px; overflow:hidden; height:277px;}
#choose_index ul li{ float:left; width:284px; padding-right:10px;position:relative;}
#choose_index ul li h1{ margin:0 auto; margin:26px 0; width:270px;  height:80px; line-height:80px; font-size:70px; font-weight:bold; color:#ea7d1c; text-align:center; position:relative;}
#choose_index ul li h2{ font-size:66px; font-weight:bold; color:#ea7d1c; }
#choose_index ul li .h6{ line-height:48px; font-size:48px; font-weight:bold; color:#ea7d1c; position:absolute; top:-13px; }
#choose_index ul li .h7{ line-height:30px; font-size:30px; font-weight:bold; color:#ea7d1c; position:absolute; top:0; }
#choose_index ul li h3{ margin:0 auto;clear:both; padding-bottom:10px; width:270px;  height:32px; line-height:32px;  font-size:18px; font-weight:bold; color:#616161; text-align:center;}
#choose_index ul li p{ margin:0 auto; width:270px; height:75px; font-size:13px; color:#616161; line-height:22px; text-align:center;}
#choose_index ul li a{  width: 270px; margin:0 auto; height:30px; font-size:18px; color:#ea7d1c; line-height:30px; text-align:center; display:block; text-decoration:none; }
#choose_index ul li a:hover{ font-weight:bold;}
#choose_index ul li div.num{float: left; font-size:70px;line-height: 132px; font-weight:bold; color:#ea7d1c;-webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);}
#choose_index ul li div.top{float: left; font-size:24px;line-height: 94px; font-weight:bold; color:#ea7d1c;-webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);}
#choose_index ul li div.choose_xgdiv{ height:132px;margin:0 auto;}
.animate{
    /* è®¾ç½®åŠ¨ç”»ï¼Œanimation:åŠ¨ç”»åç§° åŠ¨ç”»æ’­æ”¾æ—¶é•¿å•ä½ç§’æˆ–å¾®ç§’ åŠ¨ç”»æ’­æ”¾çš„é€Ÿåº¦æ›²çº¿linearä¸ºåŒ€é€Ÿ åŠ¨ç”»æ’­æ”¾æ¬¡æ•°infiniteä¸ºå¾ªçŽ¯æ’­æ”¾; */
    -webkit-animation:play 500ms linear 1;
    -moz-animation:play 500ms linear 1;
    animation:play 500ms linear 1;
}
@-webkit-keyframes play{
    0%  {
        /*
        æ°´å¹³ç¿»è½¬

        -webkit-transform:rotateY(0deg);*/
        /*
        åž‚ç›´ç¿»è½¬*/
        -webkit-transform:rotateX(0deg);
       /* é¡ºæ—¶é’ˆæ—‹è½¬
        -webkit-transform:rotate(0deg);
        é€†æ—¶é’ˆæ—‹è½¬
        -webkit-transform:rotate(0deg);
        */
    }
    100% {
        /* æ°´å¹³ç¿»è½¬
        -webkit-transform:rotateY(360deg); */
        /* åž‚ç›´ç¿»è½¬*/
        -webkit-transform:rotateX(360deg);
        /*é¡ºæ—¶é’ˆæ—‹è½¬
        -webkit-transform:rotate(360deg);
        é€†æ—¶é’ˆæ—‹è½¬
        -webkit-transform:rotate(-360deg);
        */
    }
}
@-moz-keyframes play{
    0%  {
        /* -moz-transform:rotateY(0deg);
        */
         -moz-transform:rotateX(0deg);
        /* -moz-transform:rotate(0deg);
         -moz-transform:rotate(0deg);
         */
    }
    100% {
        /*-moz-transform:rotateY(360deg);
        */
        -moz-transform:rotateX(360deg);
        /*-moz-transform:rotate(360deg);
        -moz-transform:rotate(-360deg);
        */
    }
}
@keyframes play{
    0%  {
        /*transform:rotateY(0deg);*/
        transform:rotateX(0deg);
        /*
        transform:rotate(0deg);
        transform:rotate(0deg);
        */
    }
    100% {
        /*transform:rotateY(360deg);*/
        transform:rotateX(360deg);
        /*
        transform:rotate(360deg);
        transform:rotate(-360deg);
        */
    }
}


/*client_witness_index*/
#client_witness_index{margin:0 auto; width:100%; height:620px; background:url(../images/client_witness_index_bg.jpg) no-repeat center top;}
#client_witness_index h1{ margin:0 auto; padding-top:40px; width:348px; height:32px; font-size:32px; font-weight:bold; color:#f6f6f6; line-height:32px; background:url(../images/client_witness_index_title_e.png) no-repeat  right bottom;}
#client_witness_index p{ margin:14px 0 48px 0; font-size:18px; line-height:22px; color:#fdfdfd; text-align:center;}

.client_witness_index_list{ margin:0 auto; width:1190px; height:240px;}

.client_witness_index_nav{ float:left; width:184px; height:340px; background:#fff; position:relative; overflow:hidden;}
.client_witness_index_nav li{ width:184px; height:100px; background:#2f8ae7; border-bottom:#fff 1px solid;background-position:25px 50%;background-repeat:no-repeat;background-size:27px 27px; }
.client_witness_index_nav li.crnt{background:white;background-position:25px 50%;background-repeat:no-repeat;background-size:27px 27px;}
.client_witness_index_nav li span{margin-left:60px;line-height: 100px; color:#fff; font-size:16px;}
.client_witness_index_nav li.crnt span{color:#515151; font-weight:bold}
#pinpai{background-image:url(../images/kehujianzheng_pinpai2.png)}
#jinqi{background-image:url(../images/client_witness_index_nav_icon2.png)}
#jianzheng{background-image:url(../images/client_witness_index_nav_icon3.png)}
#zhuanli{background-image:url(../images/aaa1.png)}
#pinpai.crnt{background-image:url(../images/kehujianzheng_pinpai.png);}
#jinqi.crnt{background-image:url(../images/kehujianzheng_jinpi2.png);}
#jianzheng.crnt{background-image:url(../images/kehujianzheng_jianzheng.png);}
#zhuanli.crnt{background-image:url(../images/aaa2.png);}

.client_witness_index_pic{display:none;float:right; width:1006px; height:340px;padding-top:50px; box-sizing: border-box; background:#fff;overflow:hidden}
.client_witness_index_pic h4{ line-height:40px; color:#666; font-weight:normal;}
.pinpai ul{ margin:32px 0 0 0; width:950px; height:240px; border-left:#dfdfdf 1px solid; border-top:#dfdfdf 1px solid; display:block;}
.pinpai li{ float:left; width:189px; height:79px; border-bottom:#dfdfdf 1px solid; border-right:#dfdfdf 1px solid; display:table;  text-align:center; overflow:hidden;}
.pinpai li span{ display:table-cell; vertical-align:middle;}
.jinqi ul{ margin-top:12px; width:930px; height:240px; display:block;}
.jinqi li{width:170px;margin-right:20px;float:left; font-size:13px; text-align:center }
.jinqi li img{border:1px solid #ddd}

.jianzheng ul{ margin-top:12px; width:930px; height:240px; display:block;}
.jianzheng li{width:220px;margin-right:20px;float:left; font-size:13px; text-align:center }
.jianzheng li img{border:1px solid #ddd}

.zhuanli ul{ margin-top:12px; width:930px; height:240px; display:block;}
.zhuanli li{width:220px;margin-right:10px;float:left; font-size:13px; text-align:center }
.zhuanli li img{border:1px solid #ddd}



/*news_index*/
#news_index{  background:url(../images/client_witness_pic) repeat-x;position: relative; padding:0 0 30px 0}
#news_index ul{ margin:0 auto; padding:30px 0 0 20px; width:1172px; height:260px; overflow:hidden;}
.news_list li{ float:left; margin-right:20px; width:370px; height:250px; background:#eaeaea; position:relative;}
.news_list li h4{ margin:0 auto; margin-top:16px; width:334px; height:32px; font-size:18px; font-weight:bold; line-height:32px; color:#0b0b0b; text-align:left;}
.news_list li time{ margin:0 auto; width:334px; font-size:12px; color:#a0a0a0; text-align:left; display:block;}
.news_list li span{ position:absolute; left:30px; top:151px; width:32px; height:16px; z-index:40; display:block; background:url(../images/news_index_zz_icon.png) no-repeat;}
.news_list li p{ margin:0 auto; padding-top:12px; width:334px; font-size:14px; color:#9c9b9b; line-height:26px; text-align:justify; text-indent: 2em;}
.news_list li img{ position:absolute; bottom:0;}

.news_list{width:1172px; overflow:hidden; position:relative; margin:0 auto;opacity:0;}

.news_list dl{ margin:0 auto; padding:30px 0 0 20px; width:1172px; height:250px; overflow:hidden;}
.news_list dt{ float:left; margin-right:20px; width:370px; height:350px; background:#eaeaea; position:relative;}
.news_list dt h4{ margin:0 auto; margin-top:16px; width:334px; height:32px; font-size:18px; font-weight:bold; line-height:32px; color:#0b0b0b; text-align:left;}
.news_list dt h4 a{ color:#333; }

.news_list dt time{ margin:0 auto; width:334px; font-size:12px; color:#a0a0a0; text-align:left; display:block;}
.news_list dt span{ position:absolute; left:30px; top:151px; width:32px; height:16px; z-index:40; display:block; background:url(../images/news_index_zz_icon.png) no-repeat;}
.news_list dt p{ margin:0 auto; padding-top:12px; width:334px; font-size:14px; color:#9c9b9b; line-height:26px; text-align:justify; text-indent: 2em;}


.news_index_title{ width:100%; background:url(../images/line.jpg) repeat-x left 67px; }
.news_index_title dl{ margin:0 auto; padding:46px 0 0 40px;; width:336px; height:44px; margin:0 auto;}

.news_index_title dt{ float:left; margin-right:40px; width:128px; height:44px;  background:#2f8ae7; display:block; line-height:44px; text-align:center; color:#fff;}
.news_index_title a{ font-size:14px; color:#fff; line-height:44px;  display:block; text-decoration:none;}
.news_index_title a:hover{ font-weight:bold;}

.news_index_more{ width:210px; height:44px; margin:0 auto; margin-top:30px;}
.news_index_more a{  height:44px; line-height:44px; text-align:center; font-size:18px; color:#666565; text-decoration:none; display:block; border-radius:25px; background:#dfdfdf}
.news_index_more a:hover{ font-weight:bold;  background:#2f8ae7; color:#fff}
.news_index_more_zhao a{  height:44px; line-height:44px; text-align:center; font-size:18px; color:#fff; font-weight:bold; text-decoration:none; display:block; border-radius:25px; background:#f79624}
.news_index_more_zhao a:hover{ font-weight:bold; background:#f79624; color:#fff; font-size:17px;}


/*footer*/
.footer{ height:224px; background:#303030;border-top:#373737 1px solid; overflow:hidden;}
.footer ul{ margin:0 auto; margin-top:24px; width:1190px; height:200px; }
.footer li{ float:left; }
.footer li h6{ font-size:14px; color:#aeaeae; text-align:left;}
.footer li h6 a{ color:#aeaeae; }
.footer li a{ color:#757575; text-decoration:none;}
.footer li a:hover{ color:#848484}

.footer_logo{ margin-left:6px; width:320px; height:170px; border-right:#3e3e3e 1px solid;}
.footer_logo img{ width:265px; height:69px; padding-top:16px;}
.footer_logo h7{ padding-top:20px; width:260px; line-height:18px; text-align:right; font-size:12px; color:#777; display:block;}
.footer_logo h4{ width:260px; line-height:24px; font-size:24px; text-align:right; color:#c1c1c1; font-weight:normal;}

.footer_tg{ padding-left:40px; width:126px; height:170px; border-right:#3e3e3e 1px solid;}
.footer_tg li{ float:none; padding-left:8px; width:102px; height:27px; background:url(../images/footer_li_bg.gif) no-repeat left;}
.footer_tg a{ color:#757575; text-decoration:none; }
.footer_tg a:hover{ color:#848484}


.footer_jc{ padding-left:40px; width:124px; height:170px; border-right:#3e3e3e 1px solid; }
.footer_jc li{ float:none; padding-left:8px; width:102px; height:27px; background:url(../images/footer_li_bg.gif) no-repeat left;}
.footer_jc a{ color:#757575; text-decoration:none;}
.footer_jc a:hover{ color:#848484}


.footer_al{ padding-left:40px; width:122px; height:170px;  border-right:#3e3e3e 1px solid;}
.footer_al li{ float:none; padding-left:8px; width:102px; height:27px; background:url(../images/footer_li_bg.gif) no-repeat left;}
.footer_al a{ color:#757575; text-decoration:none;}
.footer_al a:hover{ color:#848484}


.footer_zt{ padding-left:20px; width:240px; height:170px; border-right:#3e3e3e 1px solid; border:#red 1px solid;}
.footer_zt ul{ width:120px; height:170px;}
.footer_zt li{ float:none; padding-left:8px; width:110px; height:27px; background:url(../images/footer_li_bg.gif) no-repeat left;}
.footer_zt a{ color:#757575; text-decoration:none;}
.footer_zt a:hover{ color:#848484}



#foot_warp{ width:100%; height:42px; line-height:42px; background:#3a3a3a; border-top:#373737 1px solid;}
.foot{ margin:0 auto; width:1190px; color:#a4a4a4;}
.foot_l{ float:left; width:640px; height:42px; font-size:12px;}
.foot_l a{ font-size:12px; color:#a4a4a4; text-decoration:none;  height:42px;}
.foot_r{ float:right; width:530px; height:42px; text-align:right; background:url(../images/foot_cheng_bg.png) no-repeat right; }
.foot_r a{ font-size:12px; color:#a4a4a4; text-decoration:none; display: block; float: right; height:42px;}
.foot_r a:hover{ color:#afafaf;}


/*f_lianxi.html*/
#contact_ditu_liuyan_warp{ width:100%;  background:#e8e8e8;}
.contact_ditu_liuyan{ margin:0 auto; padding-top:26px; width:1200px;}
.contact_ditu_liuyan_title{ width:1200px; height:70px; text-align:center; border-bottom:#d0d0d0 1px solid;}
.contact_ditu_liuyan_title h1{ height:70px; line-height:70px; font-size:36px; font-weight:bold; color:#e88c1f; display:inline;}
.contact_ditu_liuyan_title h2{ height:70px; line-height:70px; font-size:36px; font-weight:bold; color:#626161; display:inline;}
.contact_ditu_liuyan_title h3{ margin-left:20px; height:70px; line-height:70px; font-size:30px; font-weight:bold; color:#bab9b9; display:inline;}
.contact_ditu_liuyan p{ height:44px; line-height:44px; font-size:14px; color:#6d6d6d; text-align:center;}

.ditu_liuyan{ margin:0 auto; padding-top:34px; width:1100px; }
.ditu_liuyan .ditu{ width:508px; height:328px; border:#d3d3d3 1px solid;}

.ditu_liuyan .liuyan{ width:550px;}
.ditu_liuyan .liuyan_title{ height:28px; font-size:18px; color:#777;}
.ditu_liuyan .liuyan_title span{ padding-left:10px; font-size:16px; color:#ccc;}

.ditu_liuyan .liuyan .liuyan_name, .liuyan_phone, .liuyan_company, .liuyan_content{ margin-bottom:12px; padding:0 8px;  font-size:14px; color:#9d9d9d; outline:none; border:#dcdcdc 1px solid;}
.ditu_liuyan .liuyan .liuyan_name{ width:254px; height:36px;  background:url(../images/liuyan_bg_1.gif) repeat-x;}
.ditu_liuyan .liuyan .liuyan_phone{ margin-left:12px; width:244px; height:36px;  background:url(../images/liuyan_bg_1.gif) repeat-x;}
.ditu_liuyan .liuyan .liuyan_company{ width:532px; height:36px;  background:url(../images/liuyan_bg_1.gif) repeat-x;}
.ditu_liuyan .liuyan .liuyan_content{ margin-bottom:18px; width:532px; height:144px; background:url(../images/liuyan_bg_2.gif) repeat-x; }

.ditu_liuyan .liuyan .liuyan_tijiao{ width:120px; height:38px; background:#3a91d4; font-size:18px; color:#fff; line-height:38px; border:none;}

/*--- optimum_page  ---*/

.optimum_banner{ width:100%; height:540px; position:relative; background:url(../images/optimum_banner.jpg) no-repeat center top;}

#optimum_page{ margin:0 auto; width:100%; height:134px; background:#fff; position:relative; margin-top:0px;}
#optimum_page h2{ margin:0 auto; padding-top:26px; width:1200px; height:48px; line-height:48px; font-size:40px; text-align:center; color:#2a8ec7; font-weight:bold;}
.optimum_title_content{ margin:0 auto; height:32px; line-height:32px; font-size:26px; text-align:center; color:#0d85d1;}


.optimum{ width:100%; background:#fff;}
.optimum_con{ margin:0 auto; width:1200px; position: relative; overflow:hidden}
.optimum_con_pic{ width:284px; position: absolute; bottom:0; right:-284px}
.optimum_title{ width:700px; padding:0 0 50px 0; margin-left:-700px;}
.optimum_text{ margin-left:18px; padding:60px 0 48px; width:678px; height:164px; font-size:15px; line-height:30px; color:#646464; text-align:justify;}
.optimum .more{ margin-left:18px; width:146px; height:38px; border:#4091c2 1px solid;}
.optimum_title .more a{width:146px; height:38px; line-height:38px; font-size:18px; color:#4091c2; text-align:center; text-decoration:none; font-weight:bold; display:block;}

.optimum_core_competence{ width:100%; height:520px; background:#4091c2; overflow: hidden;}
.optimum_core_competence_title{ width:100%; height:96px; background:url(../images/optimum_core_competence_bg.gif) repeat-x; opacity:0; position:relative; top:50px;}
.optimum_core_competence_title_h{ margin:0 auto; padding:34px; width:428px; height:62px; background:#4091c2;}
.optimum_core_competence_title_h img{ padding-left:40px;}
.optimum_core_competence_title_h h1{ width:428px; height:44px; font-size:36px; font-weight:bold; line-height:44px; text-align:center;color:#fff;}
.optimum_core_competence_ul{ margin:0 auto; margin-top:34px; width:1200px; height:340px;}
.optimum_core_competence ul{ width:1220px; height:340px;}
.optimum_a,.optimum_b,.optimum_c,.optimum_d,.optimum_e{ opacity:0; margin-top:100px;}
.optimum_core_competence li{ float:left; margin-right:20px; width:222px; height:338px; background:#fff; border:#3b82ad 1px solid;}
.optimum_core_competence li img{ padding:24px 0 0 38px;}
.optimum_core_competence li h4{ width:222px; height:54px; font-size:18px; font-weight:bold; line-height:54px; color:#444; text-align:center;}
.optimum_core_competence li p{ padding:0 20px; line-height:22px; color:#777; text-align:justify;}

.optimum_case{ margin:0 auto; padding:24px 0 34px; width:1200px; height:544px; background:#fff; opacity:0; position:relative; top:100px;}
.optimum_case_title{ margin-bottom:30px; width:1200px; height:102px;}
.optimum_case_title h1{ width:1200px; height:62px; font-size:36px; font-weight:bold; line-height:62px; text-align:center; color:#2a8ec7; border-bottom:#e1e1e1 1px solid;}
.optimum_case_title p{ width:1200px; height:38px; line-height:38px; font-size:15px; text-align:center; color:#646464;}
.optimum_case_ul{ margin:0 auto; width:1200px; height:350px; overflow:hidden;}
.optimum_case_ul ul{ width:1239px; height:350px;}
.optimum_case_ul li{ float:left; margin-right:39px; width:372x; height:348px; background:#ececec; border:#dcdcdc 1px solid;}
.optimum_case_ul p{ width:372px; height:53px; font-size:15px; color:#646464; line-height:53px; text-align:center;}
.optimum_case .nav{ margin:0 auto; padding-top:20px; width:128px; height:40px;}
.optimum_case .nav ul{ width:132px; height:40px;}
.optimum_case .nav li{ float:left; margin-right:4px; width:40px; height:40px; }



/*---  website_build_page  ---*/

.website_build_banner{ width:100%; height:518px; position:relative; background:url(../images/website_build_banner_bg.jpg) no-repeat center top;}
.website_build_banner ul{ margin:0 auto; padding-top:72px; width:1200px; height:420px; }
.website_build_banner li{ float:left; width:300px; height:420px; }
.website_build_banner li img{
    margin-left:62px;
    -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    -o-transition: -o-transform 0.5s ease-out;
    -ms-transition: -ms-transform 0.5s ease-out;
}
.website_build_banner li img.cover{
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
.website_build_banner li h2{ padding:36px 0; width:300px; height:36px; font-size:28px; line-height:36px; text-align:center; color:#fff; font-weight:normal;}
.website_build_banner li p{ padding:0 24px; font-size:14px; line-height:24px; text-align:justify; color:#fff;}


.why_choose{ margin:0 auto; width:1200px; height:770px; position:relative;overfolw:hidden}
.why_choose_title_t{height:36px; font-size:30px; font-weight:bold; line-height:36px; text-align:center; color:#e86a2e;position:absolute;top:200px;left:0;width:100%;}
.why_choose_title_m{ height:36px; font-size:30px; font-weight:bold; line-height:42px; text-align:center; color:#666;position:absolute;top:240px;left:0;width:100%;}
.why_choose_title_b{ height:36px; font-size:16px; line-height:36px; text-align:center; color:#8f8f8f;position:absolute;top:280px;left:0;width:100%;}
.why_choose_vs{ width:1000px;position:absolute;top:150px;left:50%;margin-left:-500px; overflow: hidden;}
.why_choose_vs_ul_l{ float:left; margin-top:28px; width:338px; height:560px;}
.why_choose_vs_ul_l li{ margin-top:26px; width:338px; height:94px; background:url(../images/why_choose_vs_zt_content_bg.jpg) no-repeat;}
.why_choose_vs_ul_l li h3{ font-weight:bold; padding-top:8px; width:338px; height:30px; font-size:20px; text-align:center; color:#ff6920;}
.why_choose_vs_ul_l li h6{ font-weight:bold; width:338px; height:24px; font-size:16px; text-align:center; font-weight:normal; color:#a09f9f;}
.why_choose_vs_ul_l .title{ margin:0 0 0 108px; width:178px; height:75px; font-size:18px; line-height:40px; text-align:center; font-weight:bold; color:#fff; background:url(../images/why_choose_vs_zt_titile_bg.jpg) no-repeat;}

.why_choose_vs_ul_c{ float:left; margin:0 112px; width:100px; height:590px; background:#fff;}
.why_choose_vs_ul_c_title{ padding-top:26px; width:100px; height:74px; font-size:34px; font-weight:bold; text-align:center; color:#fff; background:url(../images/why_choose_vs_titile_bg.jpg) no-repeat;}
.why_choose_vs_ul_c ul{ background:url(../images/why_choose_vs_bg.gif) repeat-y;}
.why_choose_vs_ul_c li{ padding:44px 15px 0 15px; width:70px; height:70px; background:url(../images/why_choose_vs_li_bg.jpg) no-repeat bottom;}
.why_choose_vs_ul_c li p{ padding:16px 18px 0 18px; font-size:16px; line-height:18px; color:#fff; text-align:center;}

.why_choose_vs_ul_r{ float:right; margin-top:28px; width:338px; height:560px;}
.why_choose_vs_ul_r li{ margin-top:26px; width:338px; height:94px; background:url(../images/why_choose_vs_qt_content_bg.jpg) no-repeat;}
.why_choose_vs_ul_r li h3{ padding-top:8px; width:338px; height:30px; font-size:20px; text-align:center; color:#aaa;}
.why_choose_vs_ul_r li h6{ width:338px; height:24px; font-size:16px; text-align:center; font-weight:normal; color:#aaa;}
.why_choose_vs_ul_r .title{ margin:0 0 0 54px; width:178px; height:75px; font-size:18px; line-height:40px; text-align:center; font-weight:bold; color:#fff;  background:url(../images/why_choose_vs_qt_titile_bg.jpg) no-repeat;}
.why_choose_vs li.why_move_li{position:absolute}

.program{ width:100%; height:700px; background:#ececec;}
.program_title_t{ margin:0 auto; padding-top:36px; height:36px; font-size:30px; font-weight:bold; line-height:36px; text-align:center; color:#e86a2e;}
.program_title_m{ margin:0 auto; height:36px; font-size:30px; font-weight:bold; line-height:42px; text-align:center; color:#666;}
.program_title_b{ margin:0 auto; height:36px; font-size:16px; line-height:36px; text-align:center; color:#8f8f8f;}

.program_ul{ padding-top:20px; width:1200px; height:440px;float:left;}
.program_ul li{ float:left; width:400px; height:220px; background:#309dbd;}
.program_ul li p{ padding:44px 28px 0 28px; width:344px; height:160px; font-size:14px; line-height:28px; text-align:justify; color:#fff;}
.program_ul img{float:left; position:absolute; left:0; top:0; z-index:40;}
.program_ul .lit{ width:400px; height:220px; position:relative;}
.program_ul .lit h6{ width:400px; height:40px; line-height:40px; position:absolute; left:0; top:0; font-weight:normal; z-index:42; font-size:16px;  color:#fff; text-align:center;}
.program_ul .lit a{ width:400px; height:40px; line-height:40px;  text-align:center; text-decoration:none; color:#fff; display:block; z-index:60;}
.program_ul .lit a:hover{ font-weight:bold;}
.program_ul .lit .litbg{ width:400px; height:40px; background:#000; filter:alpha(opacity:45); opacity:0.7; position:absolute; left:0; top:0; z-index:41;}
.program_ul .lim{ width:400px; height:220px; position:relative; left:0; top:0; }
.program_ul .lim h6{ width:400px; height:40px;line-height:40px;  position:absolute; left:0; bottom:0; font-weight:normal; z-index:42; font-size:16px;  color:#fff; text-align:center;}
.program_ul .lim a{ width:400px; height:40px; line-height:40px; font-size:16px; text-align:center; text-decoration:none; color:#fff; display:block; z-index:60;}
.program_ul .lim a:hover{ font-weight:bold;}
.program_ul .lim .limbg{ width:400px; height:40px; background:#000; filter:alpha(opacity:45); opacity:0.7; position:absolute; left:0; bottom:0; z-index:41;}

.program .nav{ margin:0 auto; padding-top:24px; width:96px; height:40px; overflow:hidden;}
.program .nav ul{ width:110px; height:40px;}
.program .nav li{ float:left; margin-right:14px; width:40px; height:40px; }


.procedure{ width:100%; height:946px; background:#35a0cc;}
.procedure_title_t{ margin:0 auto; padding-top:46px; width:510px; height:18px; color:#e86a2e;}
.procedure_title_m{ margin:0 auto; width:510px; height:48px; font-size:30px; font-weight:bold; line-height:48px; text-align:center; color:#fff;}
.procedure_title_b{ margin:0 auto; width:1200px; height:30px; background:url(../images/procedure_title_b_bg.gif) repeat-x;}
.procedure_title_b p{ margin:0 auto; width:510px; height:30px; font-size:16px; line-height:30px; text-align:center; color:#fff; background:#35a0cc;}

.procedure_content{ margin:0 auto; margin-top:38px; width:1200px; height:766px; background:url(../images/procedure_content_bg.png) no-repeat; position:relative;}
.procedure_content .pch4{ margin-bottom:8px; font-size:18px; height:22px; line-height:22px; font-weight:bold;}
.procedure_content .p1{ width:242px; height:140px; font-size:12px; color:#eaf9ff; line-height:22px; text-align:justify; position:absolute; left:618px; top:560px;}
.procedure_content .p2{ width:242px; height:140px; font-size:12px; color:#eaf9ff; line-height:22px; text-align:justify; position:absolute; left:302px; top:622px;}
.procedure_content .p3{ width:314px; height:140px; font-size:12px; color:#eaf9ff; line-height:22px; text-align:justify; position:absolute; left:216px; top:458px;}
.procedure_content .p4{ width:350px; height:140px; font-size:12px; color:#eaf9ff; line-height:22px; text-align:justify; position:absolute; left:50px; top:300px;}
.procedure_content .p5{ width:360px; height:140px; font-size:12px; color:#eaf9ff; line-height:22px; text-align:justify; position:absolute; left:62px; top:136px;}
.procedure_content .p6{ width:310px; height:140px; font-size:12px; color:#eaf9ff; line-height:22px; text-align:justify; position:absolute; left:190px; top:10px;}
.procedure_content .p7{ width:242px; height:140px; font-size:12px; color:#eaf9ff; line-height:22px; text-align:justify; position:absolute; left:524px; top:150px;}
.procedure_content .p8{ width:242px; height:140px; font-size:12px; color:#eaf9ff; line-height:22px; text-align:justify; position:absolute; left:870px; top:182px;}


/*--- extension_page  ---*/

.extension_banner{ width:100%; height:540px; position:relative; background:url(../images/extension_banner.jpg) no-repeat center top;}

#extension_page{ margin:0 auto; width:100%; height:164px; position:relative; margin-top:0px;}
#extension_page h2{ margin:0 auto; padding-top:26px; width:1200px; height:36px; line-height:36px; font-size:30px; text-align:center; color:#4091c2; font-weight:bold;}
.extension_title_content{ margin:0 auto; height:36px; line-height:36px; font-size:18px; text-align:center; color:#787878;}
.extension_nav{ margin:0 auto; margin-top:6px; width:1200px; height:34px;}
.extension_nav ul{ margin:0 auto; width:324px; padding-left:18px;}
.extension_nav li{ float:left; width:144px; height:34px; background:#4091c2; margin-right:18px; height:34px; font-size:18px; color:#fff; text-align:center; color:#fff; line-height:34px; }
.extension_nav li a{ width:144px; height:34px; font-size:18px; color:#fff; text-decoration:none; line-height:34px; text-align:center; display:block;}
.extension_nav li a:hover{ font-weight:bold;}



.extension_258sw_title_warp{ width:100%; height:360px; background:#ededed;}
.extension_258sw_con{margin:0 auto; width:1200px; height:360px; position:relative; overflow:hidden;}
.extension_258sw_title{ width:640px; position:absolute; left:-640px;}
.extension_258sw_title h2{ margin-left:12px; padding-top:58px; width:588px; height:36px; line-height:36px; font-size:30px; text-align:left; color:#4091c2; font-weight:bold;}
.extension_258sw_title h6{ margin-left:12px; width:588px; height:30px; line-height:30px; font-size:20px; text-align:left; color:#2994cb;}
.extension_258sw_title .extension_258sw_text{ margin:24px 0 0 12px; width:588px; height:96px; font-size:14px; line-height:30px; color:#646464; text-align:justify;}
.extension_258sw_title .more{ margin-left:12px; width:146px; height:38px; border:#4091c2 1px solid;}
.extension_258sw_title .more a{width:146px; height:38px; line-height:38px; font-size:18px; color:#4091c2; text-align:center; text-decoration:none; font-weight:bold; display:block;}
.extension_258sw_pic{ width:512px; padding:5px 0 0 0; position:absolute; right:-512px;}


.extension_syb_title_warp{ width:100%; background:#ededed; padding:0 0 50px 0}
.extension_syb_con{margin:0 auto; width:1200px; overflow:hidden}
.extension_syb_pic{ width:508px; padding:40px 0 0 0; position:relative;left:-508px;}
.extension_syb_title{ width:570px; position:relative;right:-570px;}
.extension_syb_title_content{}
.extension_syb_title h2{ margin-right:12px; padding-top:58px; width:570px; height:36px; line-height:36px; font-size:30px; text-align:left; color:#4091c2; font-weight:bold;}
.extension_syb_title h6{ margin-right:12px; width:570px; height:30px; line-height:30px; font-size:20px; text-align:left; color:#2994cb;}
.extension_syb_title .extension_syb_text{ margin:26px 12px 0 0; width:570px; height:126px; font-size:14px; line-height:30px; color:#646464; text-align:justify;}
.extension_syb_title .more{ margin:24px 12px 0 0 ; width:146px; height:38px; border:#4091c2 1px solid;}
.extension_syb_title .more a{width:146px; height:38px; line-height:38px; font-size:18px; color:#4091c2; text-align:center; text-decoration:none; font-weight:bold; display:block;}
.extension_syb_title_content ul{ padding:20px 0 0 10px}
.extension_syb_title_content li{ float:left; width:172px; margin:0 10px 10px 0; line-height:30px; color:#1571a8; font-size:17px; font-weight:bold; text-align:center; border:1px solid #4091c2 }

/*xuanchuanyi*/
.xuanchuanyi{width:1200px; margin:0 auto; margin-bottom:45px; }
.xuanchuanyi li{ width:225px; float:left; margin-right:15px; height:165px; opacity:0}
.xuanchuanyi li h2{ margin:0 15px; line-height:45px; color:#fff; font-size:18px; text-align:center; font-weight:bold; padding:10px 0 0 0}
.xuanchuanyi li p{ margin:0 15px; line-height:25px; color:#fff; font-size:14px; padding:10px 0 0 0}
.xuanchuanyi li.a{ background:#e4ab63}
.xuanchuanyi li.a h2{ border-bottom:1px solid #ecc492}
.xuanchuanyi li.b{ background:#65bcd8}
.xuanchuanyi li.b h2{ border-bottom:1px solid #94d0e4}
.xuanchuanyi li.c{ background:#70a5d9}
.xuanchuanyi li.c h2{ border-bottom:1px solid #9bc0e4}
.xuanchuanyi li.d{ background:#79c256}
.xuanchuanyi li.d h2{ border-bottom:1px solid #a1d489}
.xuanchuanyi li.e{ background:#e9cb6b}
.xuanchuanyi li.e h2{ border-bottom:1px solid #f0db98}





.core_competence{ margin:0 auto; width:1200px; height:516px; padding:32px 0 36px; background:#fff;}
.core_competence_titile{ margin-left:22px; width:104px; height:516px; background:url(../images/core_competence_titile_bg.png) no-repeat center right; position:relative; opacity:0; top:50px;}
.core_competence_titile span{ padding-top:42px; width:54px; height:168px; font-size:30px; text-align:center; color:#fff; line-height:32px; font-weight:bold; background:#4091c2; display:block; position:absolute; left:0; top:152px;}
.core_competence_ul{ width:1074px; height:516px; overflow:hidden; margin-top:60px;opacity:0;}
.core_competence_ul ul{ width:1074px; height:535px; position:relative;}
.core_competence_ul li{ margin-bottom:20px; padding-left:180px; width:894px; height:87px;}
.core_competence_ul .ll1{ background:url(../images/core_competence_ul_bg.png) no-repeat; }
.core_competence_ul .ll2{ background:url(../images/core_competence_ul_bg2.png) no-repeat; }
.core_competence_ul .ll3{ background:url(../images/core_competence_ul_bg3.png) no-repeat; }
.core_competence_ul .ll4{ background:url(../images/core_competence_ul_bg4.png) no-repeat; }
.core_competence_ul .ll5{ background:url(../images/core_competence_ul_bg5.png) no-repeat;}
.core_competence_ul li h5{ padding-top:12px; font-size:18px; font-weight:bold; line-height:36px; text-align:left; color:#ef8d0e;}
.core_competence_ul li p{ font-size:14px; line-height:22px; text-align:left; color:#666;}


.extension_6advantage{ width:100%; height:360px; background:url(../images/6advantage_bg.jpg) no-repeat center top; background-attachment: fixed; background-size: cover; opacity:0}
.extension_6advantage_title{ margin:0 auto; padding:46px 0 38px; width:1200px; height:30px; font-size:30px; font-weight:bold; line-height:30px; text-align:center; color:#fff; background:url(../images/extension_6advantage_title_bg.png) no-repeat center;}
.extension_6advantage_ulwarp{ margin:0 auto; width:1104px; overflow:hidden;}
.extension_6advantage ul{ width:1152px; height:200px;}
.extension_6advantage li{ float:left; margin:0 54px 8px 0; width:328px; height:92px; background:#fff; border:#d8dadb 1px solid;}
.extension_6advantage li .cimg{ width:68px; height:68px; margin:24px 0 0 84px;}
.extension_6advantage li p{ margin:24px 0 0 18px; width:154px; font-size:16px; text-align:left; color:#5e5e5e; line-height:24px;}


.extension_ul{ margin:0 auto; padding:36px 0 38px; width:1200px; height:356px; background:#fff; overflow:hidden;}
.extension_ul ul{ width:1254px; height:356px;}
.extension_ul li{ float:left; margin-right:54px; width:360px; height:356px; background:#4091c2; border:#ededed 1px solid; position:relative; cursor:pointer}
.extension_li_a,.extension_li_b,.extension_li_c{ top:356px; opacity:0}
.extension_ul li .zzimg1{ margin:0 auto; width:90px; height:90px; background:url(../images/zzimg1.png) no-repeat; position:absolute; bottom:78px; left:138px;}
.extension_ul li .zzimg2{ margin:0 auto; width:90px; height:90px; background:url(../images/zzimg1.png) no-repeat center; position:absolute; bottom:78px; left:138px;}
.extension_ul li .zzimg3{ margin:0 auto; width:90px; height:90px; background:url(../images/zzimg1.png) no-repeat bottom; position:absolute; bottom:78px; left:138px;}
.extension_ul li .zzimg1 h6{ margin-top:54px; width:90px; height:18px; line-height:18px; font-size:15px; color:#444; text-align:center; }
.extension_ul li .zzimg2 h6{ margin-top:54px; width:90px; height:18px; line-height:18px; font-size:15px; color:#444; text-align:center; }
.extension_ul li .zzimg3 h6{ margin-top:54px; width:90px; height:18px; line-height:18px; font-size:15px; color:#444; text-align:center; }
.extension_ul li p{ margin:0 auto; padding-top:64px; width:336px; height:60px; color:#fff; line-height:24px; text-align:center;}



/*--- B2B  ---*/

.b2b_banner{ width:100%; height:542px; position:relative; background:url(../images/b2b_banner.jpg) no-repeat center top;}

#b2b_page{ margin:0 auto; width:100%; height:164px; background:#fff;}
#b2b_page h2{ margin:0 auto; padding-top:26px; width:1200px; height:36px; line-height:36px; font-size:30px; text-align:center; color:#4091c2; font-weight:bold;}
.b2b_title_content{ margin:0 auto; height:36px; line-height:36px; font-size:18px; text-align:center; color:#787878;}
.b2b_nav{ margin:0 auto; margin-top:6px; width:1200px; height:34px;}
.b2b_nav ul{ margin:0 auto; width:324px; padding-left:18px;}
.b2b_nav li{ float:left; width:144px; height:34px; background:#4091c2; margin-right:18px; font-size:18px; color:#fff; text-decoration:none; line-height:34px; text-align:center; }
.b2b_nav li a{ width:144px; height:34px; font-size:18px; color:#fff; text-decoration:none; line-height:34px; text-align:center; display:block;}
.b2b_nav li a:hover{ font-weight:bold;}

.conghui_title_warp{ width:100%; height:456px; background:#e9e9e9;}
.conghui_title_warp .conghui_text{ margin:24px auto 0 auto; width:1200px; height:420px; font-size:15px; line-height:30px; color:#646464; overflow:hidden; position:relative}
.conghui_title_warp .conghui_text .conghui_wenzi{ width:666px; position:absolute; left:-666px; line-height:30px; }
.conghui_title_warp .conghui_text h2{ padding-top:94px; height:66px; line-height:36px; font-size:30px; text-align:left; color:#4091c2; font-weight:bold;}
.conghui_title_warp .conghui_text .conghui_pic{  position:absolute; right:-666px; padding:15px 0 0 0}

.conghui_title2_warp{ width:100%; height:510px; background:#4091c2;}
.conghui_con2{ width:1200px; margin:0 auto; position:relative; height:510px; overflow:hidden}
.conghui_title2{ width:710px; right:0; bottom:-510px; height:510px; position:absolute}
.conghui_title2_t{ padding-top:90px; height:36px; }
.conghui_title2 h2{ width:120px; height:36px; line-height:36px; font-size:30px; color:#fff; font-weight:bold; display:inline;}
.conghui_title2 .h3{ padding-left:22px; width:260px; height:36px; line-height:36px; font-size:28px; font:normal; color:#fbac30; display:inline;}
.conghui_title2 .conghui_text{ margin-top:30px; height:278px; font-size:15px; line-height:30px; color:#fff; text-align:justify;}
.conghui_con2_pic{ position: absolute; left:0; top:-520px; width:379px; height:482px;}

.chengxintong_warp{ width:100%; height:500px; background:#e8e8e8;}
.chengxintong_con{ margin:0 auto; width:1200px; height:500px; position:relative; overflow:hidden; }
.chengxintong_con .chengxintong_pic{ width:608px; height:452px; position: absolute; right:-608px; top:45px;}
.chengxintong_t{ padding-top:70px; width:560px; height:380px; position: absolute; left:-560px;}
.chengxintong_t h2{ height:60px; font-size:36px; font-weight:bold; line-height:60px; color:#2a8ec7; display:inline;}
.chengxintong_t h3{ height:60px; font-size:36px; line-height:60px; color:#ec7225; display:inline;}
.chengxintong_t p{ font-size:15px; line-height:26px; color:#646464;}

.b2b_ul{ margin:0 auto; width:1200px; height:446px; overflow:hidden;}
.b2b_ul ul{ margin-top:30px; width:1230px; height:384px;}
.b2b_ul li{ float:left; margin-right:30px; width:380px; height:384px; background:#4091c2;position:relative;}
.b2b_ul li .title{ padding-left:98px; width:282px; height:66px; }
.b2b_ul li .title .h1{font-size:30px; line-height:66px; color:#124778; display:inline; }
.b2b_ul li .title .h2{ font-size:30px; line-height:66px; font-weight:bold; color:#124778; display:inline;}
.b2b_ul li .content{ margin-left:14px; width:352px; height:302px; background:#e0eafe;}
.b2b_ul li .content img{ width:352px; height:220px;}
.b2b_ul li .content .h4{ margin-top:8px; line-height:36px; font-size:24px; color:#00498e;font:normal; text-align:center;}
.b2b_ul li .content p{ font-size:16px; color:#4091c2; line-height:24px; text-align:center;}
.b2b_a,.b2b_b,.b2b_c{ top:356px; opacity:0}



/*---  basic_service_page  ---*/

.basic_service_banner{ width:100%; height:570px; background:url(../images/basic_service_banner_bg.jpg) no-repeat center top;}

.domain_registration{ width:100%; height:642px;}
.domain_registration_title{ margin:0 auto; width:1200px; height:92px; border-bottom:#d6d6d6 1px solid;}
.domain_registration_title h2{ float:left; padding-left:525px; width:144px; height:92px; font-size:30px; font-weight:bold; line-height:92px; text-align:left; color:#2a8ec7;}
.domain_registration_title h6{ float:left; padding-top:4px; width:530px; height:88px; font-size:18px; font-weight:normal; line-height:88px; color:#2a8ec7;}

.domain_registration_content_ul{ margin:0 auto;  padding:0 14px; width:1176px; height:282px; position:relative;}
.domain_registration_content_ul ul{ padding:42px 0 52px;}
.domain_registration_content_ul li{ margin:0 0 2px 14px; width:1152px; height:110px;}
.domain_registration_content_ul h3{ padding-left:24px;  width:1128px; height:24px; font-size:18px; line-height:24px; color:#666; background:url(../images/domain_registration_title_content_bg.png) no-repeat center left;}
.domain_registration_content_ul p{ padding-left:24px;  width:1128px; height:84px; font-size:14px; line-height:28px; color:#646464;}

.domain_registration_ul_wrap{ width:100%; height:266px; background:#2379bf; }
.domain_registration_ul{ margin:0 auto; width:1200px; height:266px; background:url(../images/domain_registration_ul_bg.jpg) no-repeat; position:relative;}
.domain_registration_ul img{ position:absolute; top:-90px; right:-42px;}
.domain_registration_ul ul{ padding:42px 0 0 42px; width:768px; height:32px;}
.domain_registration_ul li{ float:left; margin-right:2px; width:124px; height:30px; background:#f6f6f6; border:#81a1c2 1px solid;text-align: center;line-height: 30px;}
.domain_registration_ul li.crnt{color:red}
.domain_registration_ul li a{ width:124px; height:30px; font-size:14px; line-height:30px; text-align:center; text-decoration:none; color:#406182; display:block;}
.domain_registration_ul li a:hover{ font-weight:bold;}
.domain_registration_ul_content{ margin:58px 0 0 34px; width:746px; height:76px;position:relative}
.domain_registration_ul_content span{ margin-left:40px; width:620px; height:76px; display:block;}
.domain_registration_ul_content span h6{ font-size:18px;margin-left:100px; font-weight:normal; color:#fff; line-height:42px; text-align:left;}
.domain_registration_ul_content span p{ font-size:12px;margin-left:100px; color:#fff; line-height:20px; text-align:left;}
.domain_registration_ul_content .left_btn{background:url(../images/domain_registration_ul_content_navbtn_l.png) no-repeat center left;position:absolute;height:76px;width:23px;top:0;left:0}
.domain_registration_ul_content .right_btn{background:url(../images/domain_registration_ul_content_navbtn_r.png) no-repeat center left;position:absolute;height:76px;width:23px;top:0;right:0}
.domain_registration_ul_content .domain_registration_ul_content_children{ width:660px;margin:0 20px;overflow:hidden;}
.domain_registration_ul_content .domain_registration_ul_content_gr{width:8000px}
.domain_registration_ul_content .domain_registration_ul_content_gr div{float:left;width:680px; height:95px;}
.domain_registration_ul_content span.s_a{ background:url(../images/yuming_a.png) no-repeat left; }
.domain_registration_ul_content span.s_b{ background:url(../images/yuming_b.png) no-repeat left; }
.domain_registration_ul_content span.s_c{ background:url(../images/yuming_c.png) no-repeat left; }
.domain_registration_ul_content span.s_d{ background:url(../images/yuming_d.png) no-repeat left; }
.domain_registration_ul_content span.s_e{ background:url(../images/yuming_e.png) no-repeat left; }
.domain_registration_ul_content span.s_f{ background:url(../images/yuming_f.png) no-repeat left; }



.webhost{ margin:0 auto; width:1200px; height:674px; }
.webhost_title{ margin:0 auto; padding-bottom:6px; width:1200px; height:108px;}
.webhost_title h2{ float:left; padding-left:394px; width:144px; height:108px; font-size:30px; font-weight:bold; line-height:108px; text-align:left; color:#2a8ec7;}
.webhost_title h6{ float:left; padding-top:4px; width:300px; height:104px; font-size:18px; font-weight:normal; line-height:104px; color:#2a8ec7;}

.webhost_ul_nav{ margin:0 auto; padding-bottom:10px; width:1200px; height:266px;}
.webhost_ul_nav ul{ margin-top:6px;}
.webhost_ul_nav li{ float:left; width:300px; height:270px;}
.webhost_ul_nav li img{ margin:0 0 4px 70px;-webkit-transition: -webkit-transform 0.5s ease-out;-moz-transition: -moz-transform 0.5s ease-out;-o-transition: -o-transform 0.5s ease-out;-ms-transition: -ms-transform 0.5s ease-out;}
.webhost_ul_nav li img.cover{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.webhost_ul_nav li h4{ padding:0 20px; width:260px; height:40px; font-size:20px; line-height:44px; text-align:center; color:#666; font-weight:normal;}
.webhost_ul_nav li p{ padding:0 20px; width:260px; height:60px; font-size:14px; line-height:20px; text-align:center; color:#999;}

.webhost_ul_navimg{ margin:0 auto; margin-bottom:34px; width:1200px; height:248px;}
.webhost_ul_navimg ul{ width:1186px; height:248px; border-left:#f6f6f6 14px solid;}
.webhost_ul_navimg li{ float:left;position:relative; cursor:pointer}
.webhost_ul_navimg li.blue{ width:120px; height:248px; background:#51b7dc;}
.webhost_ul_navimg li.cyan{ width:120px;height:248px; background:#51d7dc;}
.webhost_ul_navimg li.green{ width:120px; height:248px; background:#85dc51;}
.webhost_ul_navimg li.orange{ width:120px; height:248px; background:#f2a12e;}
.webhost_ul_navimg li.red{ width:120px; height:248px; background:#f24a2e;}
.webhost_ul_navimg li.liactive{ height:248px; background:#51b7dc;}
.webhost_ul_navimg .t_img_b{ float:left; padding:44px 0 0 36px; width:122px; height:194px;}


/*.webhost_ul_navimg .imgs{ padding:34px 20px 0 20px; width:80px; height:80px;}*/
.webhost_ul_navimg .imgs{background-position:50% 10%; background-repeat:no-repeat;background-size:60% auto;height:208px;width:120px;float:left;position:relative;}
.webhost_ul_navimg h5{ font-size:20px; width:30%;margin-left:35%; height:25px; line-height:25px; text-align:center; font-weight:normal; color:#fff;position:absolute;top:45%}
.webhost_ul_navimg h6{ padding:16px 44px 0 44px;width:32px; height:108px; font-size:18px; line-height:20px; text-align:center; font-weight:normal; color:#fff;}
.webhost_ul_navimg .text{position:absolute;left:200px;top:30px; width:480px; height:194px; font-size:14px; line-height:24px; text-align:justify; color:#fff;}


.mailbox{ margin:0 auto; width:1200px; height:648px; background:url(../images/mailbox_img.png) no-repeat right top;}

.mailbox_title{ padding-top:16px; width:1200px; height:108px;}
.mailbox_title h2{ float:left; width:144px; height:108px; font-size:30px; font-weight:bold; line-height:108px; text-align:left; color:#2a8ec7;}
.mailbox_title h6{ float:left; padding-top:4px; width:530px; height:104px; font-size:18px; font-weight:normal; line-height:104px; color:#2a8ec7;}

.mailbox_content_ul{ width:730px; height:210px;}
.mailbox_content_ul ul{ width:730px; height:220px;}
.mailbox_content_ul li{ margin-bottom:20px; width:730; height:90px;}
.mailbox_content_ul h3{ width:730px; height:32px; font-size:18px; line-height:32px; color:#333;}
.mailbox_content_ul p{ width:726px; height:84px; font-size:14px; line-height:26px; color:#888;}

.mailbox_advantage{ margin-top:42px; width:1200px; height:270px; position:relative;}
.mailbox_advantage .limg{ margin:42px 0 0 16px; width:248px; height:248px; position:absolute; left:0; top:0;}
.mailbox_advantage ul{ float:right; margin-top:48px; width:888px; height:220px;}
.mailbox_advantage li{ float:left; margin:0 46px 24px 0; width:398px; height:86px;}
.mailbox_advantage li img{ float:left; margin-right:16px; width:86px; height:86px;}
.mailbox_advantage li h6{ float:right; width:294px; height:36px; font-size:18px; line-height:36px; text-align:left; color:#333;}
.mailbox_advantage li p{ float:right; width:294px; height:64p; font-size:14px; line-height:24px; text-align:left; color:#999;}


#si_tel_wrap{ width:100%; height:780px; background:#3a92d5;}
.si_tel{ margin:0 auto; width:1200px; height:780px;position:relative;overflow:hidden;}
.si_tel_title{width:1200px; height:76px; border-bottom:#5ca3d9 1px solid;position:absolute;top:300px;padding-bottom:20px;opacity:0}
.si_tel_title_t{ width:1200px; height:46px; font-size:30px; line-height:46px; font-weight:bold; color:#fff; text-align:center;}
.si_tel_title_b{ width:1200px; height:30px; font-size:18px; line-height:30px; color:#fff; text-align:center;}

.si_tel_img_ul{ margin:0 auto; padding:0 33px; width:1134px; height:214px; overflow:hidden;position:absolute;top:460px;opacity:0}
.si_tel_img_ul ul{ padding:30px 0 40px; width:1152px; height:146px;position:relative}
.si_tel_img_ul li{margin-right:18px; width:126px; height:146px;position:absolute;top:30px;}
.si_tel_img_ul li img{ margin-left:18px;}
.si_tel_img_ul li p{ padding:10px 8px 0 8px; width:110px; height:44px; font-size:15px; color:#fff; line-height:22px; text-align:center;}

.si_tel_ul{ width:1200px; height:358px;position:absolute;top:780px;opacity:0}
.si_tel_ul li{ float:left; width:200px; height:116px; background:#fff; margin-bottom:1px; position:relative;}
.si_tel_ul li.gray{ width:200px; height:116px; background:#e4e6ea; position:relative;}
.si_tel_ul li .si_tel_img{ clear: both; display: block; margin:auto; padding-top:14px; }
.si_tel_ul li p{ padding:0 14px; width:172px; height:48px; font-size:18px; color:#666; text-align:center; line-height:48px; position:absolute; bottom:0;}



/*---  zhaotong_page  ---*/
/*---  zhaotong_page  ---*/


.zhaotong_about{ margin:0 auto; width:1200px; height:1170px;}

.zhaotong_about_title{ padding-top:46px; width:1200px; height:80px;}
.zhaotong_about_title h3{ margin-left:466px; width:134px; height:46px; font-size:30px; font-weight:bold; line-height:46px; color:#3288bb; display:inline;}
.zhaotong_about_title img{ padding-left:16px; display:inline;}
.zhaotong_about_title p{ font-size:16px; line-height:34px; text-align:center; color:#9b9b9b;}

.zhaotong_about_img{ margin-top:38px; width:1200px; height:284px;position:relative;overflow: hidden}
.zhaotong_about_img img{position:absolute;top:0;}
.zhaotong_about_img .zhaotong_about_left{ left:-595px}
.zhaotong_about_img .zhaotong_about_right{ right:-595px}

.zhaotong_about_us ul{ width:1190px; padding-top:14px; height:250px;}
.zhaotong_about_us ul li{ float:left; width:284px; padding-right:10px; position:relative;}
.zhaotong_about_us ul li h1{ margin:0 auto; margin:26px 0; width:270px;  height:80px; line-height:80px; font-size:70px; font-weight:bold; color:#ea7d1c; text-align:center; position:relative;}
.zhaotong_about_us ul li h2{ font-size:66px; font-weight:bold; color:#ea7d1c; }
.zhaotong_about_us ul li .h6{ line-height:48px; font-size:48px; font-weight:bold; color:#ea7d1c; position:absolute; top:-13px; }
.zhaotong_about_us ul li .h7{ line-height:30px; font-size:30px; font-weight:bold; color:#ea7d1c; position:absolute; top:0; }
.zhaotong_about_us ul li h3{ margin:0 auto; padding-bottom:10px; width:270px;  height:32px; line-height:32px;  font-size:18px; font-weight:bold; color:#616161; text-align:center;}
.zhaotong_about_us ul li p{ margin:0 auto; width:270px; height:52px; font-size:13px; color:#616161; line-height:22px; text-align:center;}

.zhaotong_about_licheng{ width:1200px; height:414px;}
.zhaotong_about_licheng_t{ width:1200px; height:172px;}
.zhaotong_about_licheng_t_h{ width:272px; height:172px; border-right:#d7d7d7 1px solid;}
.zhaotong_about_licheng_t_h h6{ padding:36px 34px 0 0; width:238px; height:28px; line-height:28px; font-size:18px; font-weight:normal; text-align:right; color:#999;}
.zhaotong_about_licheng_t_h h2{ padding-right:34px; width:238px; height:66px; font-size:48px; font-weight:normal; line-height:66px; text-align:right; color:#33a1d4;}
.zhaotong_about_licheng_t_p{ padding:36px 30px 0 36px; width:860px; height:124px; font-size:14px; line-height:30px; color:#777; text-align:justify; text-indent:2em; }
.zhaotong_about_licheng_m{ width:1200px; height:20px; background:url(../images/zhaotong_about_licheng_bg.png) repeat-x; position:relative;}
.zhaotong_about_licheng_m .zal_img{ position:absolute; left:263px;}
.zhaotong_about_licheng_m .zar_img{ position:absolute; right:270px;}
.zhaotong_about_licheng_b{ padding:0 2px; width:1196px; height:224px;}
.zhaotong_about_licheng_b_h{ width:278px; height:224px; border-left:#d7d7d7 1px solid;}
.zhaotong_about_licheng_b_h h6{ padding:60px 10px 0 34px; width:226px; height:28px; line-height:28px; font-size:18px; font-weight:normal; text-align:left; color:#999;}
.zhaotong_about_licheng_b_h h2{ padding:0 10px 0 34px; width:226px; height:66px; font-size:48px; font-weight:normal; line-height:66px; text-align:left; color:#33a1d4;}
.zhaotong_about_licheng_b_p{ padding:36px 30px 0 36px; width:840px; height:124px; font-size:14px; line-height:30px; color:#777; text-align:justify; text-indent:2em; }


.zhaotong_culture{ width:100%; height:445px; background:url(../images/zhaotong_culture_bg.jpg) no-repeat center top;position:relative;overflow: hidden}
.zhaotong_culture .zhaotong_culture_child{width:100%;position:absolute;top:450px;left:0;opacity:0;}
.zhaotong_culture_title{ margin:0 auto; padding-top:26px; width:1200px; height:80px;}
.zhaotong_culture_title h3{ width:244px; margin:0 auto; background:url(../images/zhaotong_culture_title_img.png) no-repeat right center; height:46px; font-size:30px; font-weight:bold; line-height:46px; color:#3288bb; }
.zhaotong_culture_title img{ padding-left:16px; display:inline;}
.zhaotong_culture_title p{ width:1200px; font-size:16px; line-height:34px; text-align:center; color:#9b9b9b;}
.zhaotong_culture_content{ margin:0 auto; padding:34px 0 42px; width:1200px; height:260px;}
.zhaotong_culture_content .ztccimg{ margin-left:20px; padding:0 66px; width:380px; height:270px;}
.zhaotong_culture_content h4{ padding-right:30px; width:636px; height:54px; line-height:54px; font-size:18px; color:#3288bb;}
.zhaotong_culture_content p{ padding-right:30px; width:636px; height:214px; font-size:15px; line-height:30px; color:#999;}


.zhaotong_honor{ width:100%; height:437px; background:url(../images/zhaotong_honor_bg.jpg) no-repeat center top;}
.zhaotong_honor_title{ margin:0 auto; padding-top:26px; width:1200px; height:80px;}
.zhaotong_honor_title h3{ width:244px; margin:0 auto; height:46px; font-size:30px; font-weight:bold; line-height:46px; color:#3288bb; background:url(../images/zhaotong_honor_title_img.png) no-repeat right center}
.zhaotong_honor_title img{ padding-left:16px; display:inline;}
.zhaotong_honor_title p{ width:1200px; font-size:16px; line-height:34px; text-align:center; color:#9b9b9b;}
.zhaotong_honor_content{ margin:0 auto; padding:26px 0 58px; width:1104px; height:236px; position:relative;}


/*zizhi gundong*/
.friend{margin:0 auto; padding:26px 0 58px; width:1104px; height:236px; position:relative;}

.mr_frbox{height:auto;padding:24px 0px 0px; position:relative}
.mr_frBtnL,.mr_frBtnR{ cursor:pointer; position:absolute; top:100px;}
.mr_frBtnL{left:0;}
.mr_frBtnR{right:0;}
.mr_frUl{margin:0 auto; width:1000px; height:238px;overflow:hidden}
.mr_frUl ul li{display:inline;float:left;/*height:389px;*/width:322px; height:238px; overflow:hidden;position:relative;margin:0 5px;}
.mr_frUl ul li p{ text-align:center; line-height:35px;}

/*youhua gundong*/
.you_friend{margin:0 auto; padding:0 0 58px 0; width:1200px;  position:relative;}

.you_mr_frbox{height:auto;padding:0; position:relative}
.you_friend .mr_frBtnL,.you_friend .mr_frBtnR{ cursor:pointer; position:absolute; top:370px;}
.you_friend .mr_frBtnL{left:45%;}
.you_friend .mr_frBtnR{right:45%;}
.you_mr_frUl{margin:0 auto; width:1200px; height:380px;overflow:hidden}
.you_mr_frUl ul li{display:inline;float:left;/*height:389px;*/width:400px; height:380px; overflow:hidden;position:relative;}
.you_mr_frUl ul li p{ text-align:center; line-height:35px;}
.you_li{ width:374px;  border:1px solid #CCC; margin:0 auto; background:#ececec}



.zhaotong_history{ width:100%; height:786px; background:url(../images/lichengaa.jpg) no-repeat center top;position:relative;overflow: hidden;}
.zhaotong_history_title{  width:1200px; height:100px;position:absolute;top:100px;left:50%;margin-left:-600px;opacity:0}
.zhaotong_history_title h2{ margin:20px 0 0 446px; width:130px; height:80px; font-size:30px; line-height:80px; color:#f6ac0c; display:inline;}
.zhaotong_history_title h4{ margin:20px 0 0 14px; width:200px; height:80px; font-size:18px; line-height:80px; color:#fff; display:inline;}

.zhaotong_history_content .lultitle{ float:right; padding-left:28px; width:564px; font-size:20px; text-align:left; vertical-align:middle; color:#000; }
.zhaotong_history_content .rultitle{ float:left; padding-right:28px; width:564px; font-size:20px; text-align:right; vertical-align:middle; color:#000;}
.zhaotong_history_content div{width:564px; height:52px; line-height:52px; font-size:20px; text-align:left; color:#000;position:absolute;opacity:0}
.zhaotong_history_content .lh1{text-align:left;top:22px;right:0}
.zhaotong_history_content .lh2{text-align:left;top:309px;right:0}
.zhaotong_history_content .lh3{text-align:left;top:518px;right:0;}
.zhaotong_history_content .rh1{text-align:right;top:165px;left:0}
.zhaotong_history_content .rh2{text-align:right;top:405px;left:0;}
.zhaotong_history_content li{ width:606px; height:28px; line-height:28px;overflow:hidden;color:#dbeefa; }
/*.zhaotong_history_content li.left{background:url(../images/zhaotong_history_content_img_l.png) no-repeat right;}
.zhaotong_history_content li.left span{margin-right:25px;text-align:right;float:right;width:100%;}
.zhaotong_history_content li.right{background:url(../images/zhaotong_history_content_img_r.png) no-repeat left;float:right}
.zhaotong_history_content li.right span{ margin-left:25px;text-align:left;width:100%;}
*/
.zhaotong_history_content_lul{ left:1px; width:608px;}
.zhaotong_history_content_lul li{text-align:right; color:#dbeefa; background:url(../images/zhaotong_history_content_img_l.png) no-repeat right;}
.zhaotong_history_content_lul li span{margin-right:25px;text-align:right;float:right;width:100%;}
.zhaotong_history_content_rul{ right:0; width:608px;}
.zhaotong_history_content_rul li{ text-align:left; color:#dbeefa; background:url(../images/zhaotong_history_content_img_r.png) no-repeat left;}
.zhaotong_history_content_rul li span{ margin-left:25px;text-align:left;width:100%;}
.zhaotong_history_content ul{position:absolute;opacity:0}
#zhaotong_history_1{top:125px;}
#zhaotong_history_2{top:240px;}
#zhaotong_history_3{top:580px;}
#zhaotong_history_4{top:800px;}
#zhaotong_history_5{top:1100px;}



.zhaotong_advantage{ margin:0 auto; width:1200px; height:630px; }
.zhaotong_advantage_title{ padding:46px 0; width:284px; margin:0 auto; height:40px; background:url(../images/advantage.jpg) no-repeat right 55px;}
.zhaotong_advantage_title h3{ height:40px; font-size:30px; font-weight:bold; line-height:40px; color:#3288bb; display:inline; }
.zhaotong_advantage_title img{ padding-left:16px; display:inline;}

.zhaotong_advantage_content_l{ padding:12px 0 42px; width:540px; height:412px; background:url(../images/zhaotong_advantage_img_l.png) no-repeat center right;}
.zhaotong_advantage_content_l h2{ margin:120px 0 0 26px; font-size:45px; line-height:64px; text-align:left; color:#5c5d5d;}
.zhaotong_advantage_content_l h1{ margin-left:26px; width:410px; font-size:68px; line-height:54px; text-align:left; color:#fff; background:#f79624;}

.zhaotong_advantage_content_r{ width:633px; overflow:hidden;position:relative;}
.zhaotong_advantage_content_r ul{  height:468px;}
.zhaotong_advantage_content_r li{ height:140px;position:absolute;left:0}
.zhaotong_advantage_content_r li.one{ background:url(../images/zhaotong_advantage_img_r1.png) no-repeat left 10px;top:10px}
.zhaotong_advantage_content_r li.two{ background:url(../images/zhaotong_advantage_img_r2.png) no-repeat left 10px;top:126px;}
.zhaotong_advantage_content_r li.three{ background:url(../images/zhaotong_advantage_img_r3.png) no-repeat left 0;top:238px;}
.zhaotong_advantage_content_r li.four{ background:url(../images/zhaotong_advantage_img_r4.png) no-repeat left 10px;top:370px;}
.zhaotong_advantage_content_r li h5{ padding-left:76px; height:28px; line-height:28px; font-size:18px; color:#5c5d5d; font-weight:bold}
.zhaotong_advantage_content_r li p{ padding-left:76px; line-height:23px; color:#5c5d5d; font-size:13px;}

.zhaotong_news{ height:590px; background:url(../images/zhaotong_news_bg.jpg) no-repeat center top;}
.zhaotong_news ul{ margin:0 auto; padding:30px 0 0 20px; width:1172px; height:350px; overflow:hidden;}
.zhaotong_news li{ float:left; margin-right:20px; width:370px; height:350px; background:#eaeaea; position:relative;}
.zhaotong_news li h4{ margin:0 auto; margin-top:16px; width:334px; height:32px; font-size:18px; font-weight:bold; line-height:32px; color:#0b0b0b; text-align:left;}
.zhaotong_news li time{ margin:0 auto; width:334px; font-size:12px; color:#a0a0a0; text-align:left; display:block;}
.zhaotong_news li span{ position:absolute; left:30px; top:151px; width:32px; height:16px; z-index:40; display:block; background:url(../images/zhaotong_news_zz_icon.png) no-repeat;}
.zhaotong_news li p{ margin:0 auto; padding-top:12px; width:334px; font-size:14px; color:#9c9b9b; line-height:26px; text-align:justify; text-indent: 2em;}
.zhaotong_news li img{ position:absolute; bottom:0;}

.zhaotong_news_title_wrap{ margin:0 auto; width:1200px; height:90px; background:url(../images/zhaotong_news_title_bg.jpg) repeat-x;}
.zhaotong_news_title{ margin:0 auto; padding:46px 0 0 40px; width:336px; height:44px;}
.zhaotong_news_title span{ float:left; margin-right:40px; width:128px; height:44px;  background:#ededed; display:block;}
.zhaotong_news_title a{ width:128px; height:44px; font-size:18px; color:#333; line-height:44px; text-align:center; font-weight:bold; display:block; text-decoration:none;}
.zhaotong_news_title a:hover{ color:#fff; background:#3da6d6;}

.zhaotong_news li span{ position:absolute; left:30px; top:151px; width:32px; height:16px; z-index:40; display:block; background:url(../images/news_index_zz_icon.png) no-repeat;}

.zhaotong_news_more{ margin:0 auto; margin-top:26px; width:210px; height:44px; background:url(../images/zhaotong_news_more_bg_r.png) no-repeat right;}
.zhaotong_news_more a{  height:44px; line-height:44px; text-align:center; font-size:18px; color:#fff; font-weight:bold; text-decoration:none; display:block; border-radius:25px; background:#f8a81b}
.zhaotong_news_more a:hover{ font-weight:normal;  color:#fff; text-decoration:none;}



/*---  join_us_page  ---*/

.join_us_banner{ width:100%; height:529px; background:url(../images/join_us_bnner_bg.jpg) no-repeat center top;}

.join_us_title{ margin:0 auto; padding:20px 0; width:1200px; text-align:center; border-bottom:#d0d0d0 1px solid;}
.join_us_title h1{ height:82px; line-height:82px; font-size:36px; font-weight:bold; color:#e88c1f; display:inline;}
.join_us_title h2{ height:82px; line-height:82px; font-size:36px; font-weight:bold; color:#626161; display:inline;}
.join_us_title h3{ margin-left:20px; height:82px; line-height:82px; font-size:30px; font-weight:bold; color:#bab9b9; display:inline;}
.join_us_title p{ color:#777}

.join_us_content_ul{ margin:0 auto; width:1020px; height:460px;}
.join_us_content_ul p{ margin-top:12px; font-size:14px; text-align:center; line-height:26px; color:#868686;}
.join_us_content_ul ul{ width:1080px; height:400px; margin-top:60px;}
.join_us_content_ul li{ float:left; width:340px; height:414px; color:#666;position:relative;}
.join_us_content_ul li:hover{color:white;}
.join_us_content_ul li h2{ height:50px; font-size:30px; line-height:40px; text-align:center; font-weight:normal;}
.join_us_content_ul li div.text{ width:100%; height:250px; font-size:14px; line-height:30px; text-align:center; overflow:hidden;}
.join_us_content_nav{ margin-top:20px; width:100%; height:242px; }
.join_us_content_nav ul{ margin-top:0px; width:135px; height:170px;}
.join_us_content_nav li{ float:left; margin-bottom:10px; width:100%; height:30px; line-height:30px; border:#dfdfdf 1px solid; text-align:center; font-size:13px; }
.join_us_content_nav li.cover{ border:white 1px solid; color:white }
.join_back_div{z-index:1;background:#5ab6a9;opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;}
.join_detail_div{z-index:10;position:relative;width:280px;margin-left:30px; line-height:30px; margin:0 auto}
.join_img{width:98px;height:98px;overflow: hidden;margin:10px 91px;}


.join_us_banner_blue_wrap{ padding-top:36px; width:100%; height:160px; background:#369fda;}
.join_us_banner_blue{ margin:0 auto; width:1200px; height:160px; }
.join_us_banner_blue_title{ margin:0 auto; padding-top:25px; width:506px; height:65px; text-align:center; font-size:34px; font-weight:bold; color:#fff; background:url(../images/jion_us_banner2_title_bg.png) no-repeat;}
.join_us_banner_blue_content{ margin:0 auto; width:760px; height:60px; font-size:20px; line-height:60px; font-weight:bold; color:#fff;}

.join_us_position{ margin:0 auto; margin-top:38px; width:1108px;}
.join_us_position_title{ width:1108px; height:28px; background:url(../images/jion_us_position_title_bg.gif) repeat-x bottom;}
.join_us_position_title_content{ width:76px; height:26px; font-size:14px; line-height:26px; font-weight:bold; text-align:center; border-bottom:#414141 2px solid;}

.join_us_position_content ul{ width:1148px;}
.join_us_position_content li{ float:left; margin-right:40px; padding:30px 0 0 22px; width:512px; height:144px; background:url(../images/jion_us_position_li_bg.gif) repeat-x bottom; position:relative;}
.join_us_position_content li p{ width:420px; font-size:14px; line-height:30px; color:#666;}
.join_us_position_content li span{ font-size:14px; line-height:30px; font-weight:bold; color:#333;}
.join_us_position_content li .jpc_more{ width:80px; height:30px; background:#f8f8f8; border:#dadada 1px solid; position:absolute; right:14px; top:72px;}
.join_us_position_content li .jpc_more a{ width:80px; height:30px; font-size:13px; line-height:30px; text-align:center; text-decoration:none; color:#666; display:block;}
.join_us_position_content li .jpc_more a:hover{ color:#333;}

.join_us_position_nav{ float:right; margin:30px 0; width:220px; height:28px; border:#ddd 1px solid;}

.join_con{ padding:20px 0 0 0}
.join_con h2{ font-weight: bold; font-size: 15px; padding-left: 14px; color: #333; height: 40px; line-height: 40px;}
.join_con ul{ margin:0 14px;}
.join_con li{ width:530px; float:left; height:30px; line-height:30px; font-size:14px;}
.join_zhiwei{ padding:40px 0 0 0}
.join_zhiwei .zhiwei_t{height:35px; line-height:35px; background:#ececec}
.join_zhiwei .zhiwei_t strong{ line-height:35px; background:#656565; width:100px; color:#fff; text-align:center; font-size:14px; display:block}
.join_zhiwei .join_zhiwen_con{ padding:30px 10px ; line-height:24px; font-size:14px;}
.join_back{ width:100px; margin:0 auto; height:40px; line-height:40px; border:1px solid #dddddd; text-align:center; margin-bottom:50px;}
.join_back a{line-height:40px; font-size:14px}


/*---  contact_us_page  ---*/

.contact_us_banner{ width:100%; height:518px; background:url(../images/contact_us_banner_img.jpg) no-repeat center top;}

.contact_us_title{ margin:0 auto; padding-top:20px; width:1200px; height:82px; text-align:center; border-bottom:#d0d0d0 1px solid;}
.contact_us_title h1{ height:82px; line-height:82px; font-size:36px; font-weight:bold; color:#e88c1f; display:inline;}
.contact_us_title h2{ height:82px; line-height:82px; font-size:36px; font-weight:bold; color:#626161; display:inline;}
.contact_us_title h3{ margin-left:20px; height:82px; line-height:82px; font-size:30px; font-weight:bold; color:#bab9b9; display:inline;}

.contact_us_nav{width:1198px; height:54px; overflow:hidden;position:absolute;left:50%;margin-left:-599px;top:880px;z-index:1000}
.contact_us_nav ul{ width:1198px; height:52px; border-bottom:#dadada 1px solid; border-left:#dadada 1px solid; border-top:#dadada 1px solid;}
.contact_us_nav li{ float:left; width:130px; height:52px; background:#f6f6f6; border-right:#dadada 1px solid;}
.contact_us_nav li a{ width:130px; height:52px; font-size:15px; line-height:52px; font-weight:bold; text-align:center; text-decoration:none; color:#666; display:block;}
.contact_us_nav li a:hover, li.cu_active{ font-weight:bold; font-size:15px; font-weight:bold; color:#fff; background:#3da6d6;}
.contact_us_nav li.cu_active a{font-weight:bold; font-size:15px; font-weight:bold; color:#fff; background:#3da6d6;}

.contact_us_content{ margin:20px auto 0 auto; padding:30px 20px 26px 20px; width:1200px; overflow:hidden;}
.contact_us_content_l{ width:308px; overflow:hidden; margin-left:320px; float:left;}
.contact_us_content_l h6{ font-size:24px; line-height:58px; color:#ef6917;}
.contact_us_content_l p{ font-size:18px; color:#777; line-height:38px;}
.contact_us_content_r{ width:300px; text-align:center; float:left;}

.contact_us_fcompany{ margin:0 auto; padding-bottom:90px; width:1200px;}
.contact_us_fcompany ul{ width:1200px; overflow:hidden; background:url(../images/contact_us_fcompany_bg.jpg) repeat-x top;}
.contact_us_fcompany li{ float:left; width:400px; margin-left:100px;  overflow:hidden;background:url(../images/contact_us_fcompany_bg.jpg) repeat-x bottom;}

.contact_us_fcompany li h4{ padding:20px 0 0 20px; width:560px; height:64px; font-size:20px; font-weight:bold; line-height:64px; text-align:left; color:#666;}
.contact_us_fcompany li p{ padding:0 0 36px 20px; width:560px; font-size:15px; line-height:30px; text-align:left; color:#777;}

/*---  channle_page  ---*/

.channel_banner{ width:100%; height:529px; background:url(../images/join_us_bnner_bg.jpg) no-repeat center top;}

.channer_liaojie{position:relative;width:100%;height:1350px;overflow: hidden;}
.channel_title{ width:1200px; height:82px; position:absolute;top:120px;opacity:0;left:50%;margin-left:-600px;}
.channel_title h1{ height:82px; line-height:82px; font-size:36px; font-weight:bold; color:#e88c1f; display:inline;}
.channel_title h2{ height:82px; line-height:82px; font-size:36px; font-weight:bold; color:#626161; display:inline;}
.channel_title h3{ margin-left:20px; height:82px; line-height:82px; font-size:30px; font-weight:bold; color:#bab9b9; display:inline;}
.channel_title h4{ padding-left:70px; height:70px; font-size:18px; font-weight:bold; line-height:70px; color:#6b6b6b; display:inline;}

.channel_content_title{ width:1200px; height:80px; line-height:80px; font-size:18px; font-weight:bold; text-align:center; color:#55a1d6;position:absolute;top:300px;left:50%;margin-left:-600px;}
.channel_content_title_c{ width:1200px; height:420px; line-height:32px; font-size:15px; text-align:justify; text-indent:32px; color:#868686;position:absolute;top:470px;left:50%;margin-left:-600px;}


.channel_honor{ width:100%; height:310px; background:url(../images/channel_honor_bg.gif) no-repeat center top;position:absolute;top:800px;}

.channel_258_wrap{ width:100%; height:430px; background:#369fda;position:relative;overflow: hidden}
.channel_258{ width:600px; height:430px;position: absolute;top:0;right:150%;}
.channel_258_title_t{ padding-top:50px; width:660px; height:44px; line-height:44px; font-size:36px; font-weight:bold; text-align:left; color:#fff;}
.channel_258_title_b{ width:660px; height:30px; font-size:20px; line-height:30px; color:#fff;}
.channel_258_title_p{ margin-top:26px; width:660px; height:60px; font-size:14px; line-height:24px; color:#fff;}
.channel_258 ul{ margin-top:30px;}
.channel_258 li{ float:left; width:128px; height:150px;}
.channel_258 li img{ padding-left:20px;}
.channel_258_li_p{ margin-top:12px; font-size:14px; line-height:24px; color:#fff; text-align:center;}
.channer_right{width:600px;height:430px;position:absolute;top:0;left:100%;background-image:url(../images/channel_258_bg_img.png); background-position: 100% 50%;background-repeat: no-repeat}

.channel_yxc{ margin:0 auto; width:1200px; height:564px; background:#fff;position:relative;overflow:hidden}
.channel_yxc_left{ position:absolute;left:8px;top:570px}
.channel_yxc_right{ width:450px; height:356px;position:absolute;right:0px;top:40px;opacity:0}
.channel_yxc_right_title{ font-size:36px; line-height:64px; font-weight:bold; color:#186dbf;}
.channel_yxc_right_content{ font-size:14px; line-height:36px; color:#717171; text-align:justify;}

.w_channel_yxc{ margin:0 auto; width:1200px; height:564px; background:#fff;position:relative;overflow:hidden}
.w_channel_yxc_left{ position:absolute;right:8px;top:570px}
.w_channel_yxc_right{ width:450px; height:356px;position:absolute;left:0px;top:102px;opacity:0}
.w_channel_yxc_right_title{ font-size:36px; line-height:64px; font-weight:bold; color:#186dbf;}
.w_channel_yxc_right_content{ font-size:15px; line-height:36px; color:#717171; text-align:justify;}


.channel_best_wrap{ width:100%; height:520px; background:url(../images/channel_best_wrap_bg.png) repeat-x;position:relative;overflow: hidden}
.channel_best{ width:1200px; height:520px;position:absolute;top:520px;left:50%;margin-left:-600px;}
.channel_best_left{ float:left; margin:46px 0 0 8px; width:800px; height:454px;}
.channel_best_left_h2{ width:150px; height:52px; font-size:36px; font-weight:bold; line-height:52px; color:#186dbf; display:inline;}
.channel_best_left_h4{ padding-left:20px; width:296px; height:52px; font-size:20px; line-height:52px; color:#186dbf; display:inline;}
.channel_best_left_p{ margin-top:22px; width:780px; height:166px; font-size:14px; line-height:36px; text-align:justify; color:#717171;}
.channel_best_left_ul{ margin-top:32px; width:792px; height:186px;}
.channel_best_left_ul li{ float:left; margin:0 14px; width:122px; height:180px;}
.channel_best_ul_p{ padding-top:10px; font-size:16px; color:#164661; line-height:24px; text-align:center;}

.channel_best_right{width:293px; height:373px; background:url(../images/channel_best_r_img.png) no-repeat;position:absolute;top:610px;right:48px;}


.channel_mozhan_wrap{ width:100%; height:564px; background:#369fda;}
.channel_mozhan{ width:1200px;margin:0 auto; height:490px; position:relative;overflow: hidden}
.channel_mozhan_logo{ padding:66px 349px 0 0; width:199px; height:59px;}
.channel_mozhan_h2{ margin:24px 0 60px; width:546px; height:34px; line-height:34px; font-size:26px; font-weight:bold; color:#fcfeff; text-align:left;}
.channel_mozhan_p{ width:546px; height:170px; font-size:16px; line-height:28px; color:#fcfeff; text-align:left;}
.channel_right{position:absolute;top:60px;right:-550px;width:550px;}
.channel_left{position:absolute;top:60px;left:-600px;width:600px;height:430px;background-image:url(../images/channel_mozhan_img.png);background-repeat:no-repeat;background-position:50% 50%;background-size:auto 100%;}


/*sougou page*/
.sougou_page{}
.sougou_page_title{ text-align:center; padding:40px 0 20px 0}
.sougou_page_title h2{ font-size:30px; color:#4091c2; line-height:40px;}
.sougou_page_title p{ font-size:18px; color:#787878; line-height:30px;}
.sougou_page_intro{ padding:60px 0 70px 0; background:#e9e9e9; margin-top:100px; opacity:0}
.sougou_intro_con{ width:1200px; margin:0 auto}
.sougou_intro_con_text{ width:423px; line-height:27px; padding:30px 0 0 0; color:#444444}

.sougou_page_advantage{ background:#377daa; padding:0 0 70px 0; opacity:0;}
.sougou_page_advantage ul{ width:1200px; margin:0 auto; padding:174px 0 0 0}
.sougou_page_advantage li{ width:285px; float:left; background:#4fb0de; height:293px; text-align:center; position:relative; color:#ffffff; margin:0 20px 0 0; top:0}
.sougou_page_advantage li img{position: absolute; top:-110px; width:200px; left:50%; margin-left:-100px;}
.sougou_page_advantage li h2{ margin:100px 0 0 0; line-height:70px; font-size:20px; font-weight:bold}
.sougou_page_advantage li p{ line-height:24px; padding:0 25px; font-size:14px;}
.sougou_page_advantage li.on,.sougou_page_advantage li.on_last{ background:#4091c2}
.sougou_page_advantage li.on_last{ margin:0 0 0 0}

.sougou_tuiguang{ padding:30px 0; margin-top:50px; opacity:1}
.sougou_tuiguang ul{ width:1200px; margin:0 auto}
.sougou_tuiguang li{ width:600px; float:left; height:120px; margin-left:0px;}
.sougou_tuiguang li .sougou_tui_pic{ width:86px; height:86px;}
.sougou_tuiguang li .sougou_tui_text{ width:440px; padding:0 0 0 30px;}
.sougou_tuiguang li .sougou_tui_text h2{ font-size:20px; color:#000; line-height:40px;}
.sougou_tuiguang li .sougou_tui_text p{ font-size:14px; color:#666; line-height:26px;}

.sougou_kaihu{ height:411px; overflow:hidden; background:url(../images/kaihubg.jpg) no-repeat center top; padding:20px 0 0 0; opacity:0; margin-top:50px;}
.sougou_kaihu h2{ font-size:36px; color:#fff; font-weight:bold; text-align:center; width:1200px; margin:0 auto; line-height:80px; border-bottom:1px solid #77a8cf;}
.sougou_kaihu ul{ width:1200px; margin:0 auto; padding:60px 0 0 0}
.sougou_kaihu li{ float:left; padding:0 71px; text-align:center;}
.sougou_kaihu li.s_jiantou{padding:55px 0 0 0}
.sougou_kaihu .kaihu_pic{}
.sougou_kaihu p{ line-height:60px; font-size:16px; color:#fff}


/*soft_page*/
.soft_page{ background: none}
.soft_page li h2{ color:#333}
.soft_page li p{ color:#666}
.soft_liucheng{ padding:40px 0 60px 0; position:relative}
.soft_liucheng h2{ text-align:center; line-height:50px; color:#333; font-size:24px; font-weight:bold; padding:0 0 50px 0}
.soft_liucheng h2 span{ padding:0 0 0 20px; color:#C33; text-transform:uppercase}
.soft_liucheng .soft_line{ height:1px; background:#f13939; width:1100px; position:absolute; left:50%; margin-left:-550px; top:191px; z-index:1;}
.soft_liucheng ul{ width:1200px; margin:0 auto; position:relative; z-index:2;}
.soft_liucheng li{ float:left; width:150px;}
.soft_liucheng li .soft_liucheng_pic{ width:118px; margin:0 auto}
.soft_liucheng li p{ text-align:center; line-height:50px;}

.soft_advantage{ background:url(../images/soft_youshi_bg.jpg) no-repeat center top; background-attachment: fixed; background-size: cover; padding-bottom:50px;}
.soft_advantage h2{ text-align:center; line-height:50px; color:#fff; font-size:33px; font-weight:bold; padding: 50px 0 0  0; display:block; text-transform:uppercase}
.soft_advantage span{ padding:0 0 0 20px; color:#fff; text-transform:uppercase; font-size:16px; display:block ; text-align:center}
.soft_advantage ul{ width:1200px; margin:0 auto; padding:50px 0 0 0}
.soft_advantage li{width:400px; float:left;}
.soft_advantage_con{ width:260px; padding:0 50px; margin:0 auto; margin-top:50px; height:320px; background-color: rgba(255,255,255,0.80); position:relative; text-align: center}
.soft_advantage_con .soft_liucheng_pic{ width:130px; height:130px; position:absolute; left:50%; margin-left:-65px; top:-50px;}
.soft_advantage_con h3{ padding-top:70px; line-height:80px; font-size:18px; color:#f75a53; font-weight:bold}
.soft_advantage_con p{ line-height:28px; font-size:14px;}





/*erjiyemian*/
/*se_case*/
.se_case{ width:1200px; margin:0 auto; padding:30px 0 0 0}
.se_case ul{}
.se_case li{ width:280px;margin:0 10px 10px 10px; height:288px; float:left;position:relative;overflow:hidden;cursor:pointer;background:#eee}
.se_case_pic{ width:280px; height:202px; text-align:center; margin:0 auto;}
.se_case_name{ width:260px; margin:0 auto; padding:0 0 0 20px;  font-size:14px; color:#555; line-height:40px;}
.se_case_name a{ color:#555}
.se_case_hangye{ width:240px; margin:0 auto; padding:0 20px 10px 20px; font-size:12px; color:#666; line-height:40px;}
.se_case_click{ float:right; color:#666; }
.se_case li div.cover_top{position:absolute;top:-205px;left:0;width:280px;height:202px;background-color: red;filter: Alpha(opacity=50);background: rgba(255,0,0,0.4);z-index:900; text-align:center}
.se_case li div.cover_top img{ padding:95px 0 0 0}
.se_case li div.cover_bottom{position:absolute;bottom:-90px;left:0;width:280px;height:86px;background-color: green;filter: Alpha(opacity=50);background: rgba(255,66,41,1);z-index:900}
.se_case .se_case_text{position: relative;z-index:1000;}

.fenye{ padding:20px 0 40px 0;}
.shangxiaye{overflow: hidden;padding: 15px 0px;}
.shangxiaye li{ line-height:25px; color:#666}
.shangxiaye li a{ color:#666}

.weizhi{background: #f6f6f6;}
.weizhi_con{ width:1070px; margin:0 auto; height:45px; line-height:45px; font-size:14px; color:#555; padding:0 0 0 25px; background:url(../images/weizhi_icon.jpg) no-repeat left center}
.weizhi_con a{ font-size:14px; color:#555}

.se_content{ width:1100px; margin:0 auto; padding:20px 0 0 0}
.se_content_t{ padding:30px 0 40px 0; border-bottom:1px solid #e3e3e3; margin-bottom:30px;}
.se_content_t .anli_pic{ background: url(../images/casedet_l.jpg) no-repeat; width: 589px; height: 323px; padding: 19px 19px 180px;}
.se_content_t .se_title_intro{width:400px; text-align:left;}
.se_content_t .se_anli_jieshao{ line-height:27px; font-size:14px; color:#555}
.se_content_t p{text-align:center; font-size:36px; font-weight:bold; color:#F00;}
#se_anli_jieshaod p{text-align:left; font-size:14px; color:#555555; font-weight:normal;}

.se_title{ line-height:70px; font-size:24px; font-weight:bold; color:#f60;   border-bottom:1px solid #e3e3e3; padding:0 0 10px 0; margin:0 0 20px 0}
.se_date{ line-height:30px; color:#555; font-size:14px; font-weight:normal;}
.se_con{ max-width:1100px; margin:0px auto; font-size:14px; line-height:30px; padding:0 0 30px 0}
.se_con img{ max-width:1100px;}

.xiangguan{padding:5px 0px 7px 15px;color:#f60;font-size:16px; font-weight:bold; background:url(../images/xiangguan_title_bg.jpg) no-repeat left center; border-bottom:1px solid #ccc; line-height:50px;}
.xiangguan_con{ padding:30px 0 0 0}
.xiangguan_con ul{}
.xiangguan_con li{ width:275px; height:268px; float:left; margin-bottom:30px;}
.xiangguan_con_pic{ width:250px; height:180px; text-align:center; margin:0 auto;}
.xiangguan_con_name{ width:230px; margin:0 auto; padding:0 0 0 20px;  font-size:14px; color:#555; line-height:40px; background:#eee;}
.xiangguan_con_name a{ color:#555}
.xiangguan_con_hangye{ width:210px; margin:0 auto; padding:0 20px 10px 20px; font-size:12px; color:#666; line-height:40px; background:#eee;}
.xiangguan_con_click{ float:right; color:#666; }



/*se_news*/
.se_news{ width:1100px; margin:0 auto; padding:30px 0 0 0}
.se_news ul{}
.se_news li{ width:530px; margin-bottom:20px; margin-left:10px; padding: 0 0 20px 0; border-bottom:1px dashed #ccc; float:left;}
.se_news_pic{ width:160px; height:166; }
.se_news_pic img { width:160px; height:150px;}
.se_news_con{ width:350px; }
.se_news_con_t{   line-height:40px; }
.se_news_con_t a{ font-size:16px; line-height:40px; font-weight:bold; color:#555;}
.se_news_con_other{ font-size:12px; color:#666; line-height:30px; padding:0 0 10px 0}
.se_news_con_t_intro{ font-size:12px; color:#666; line-height:30px;}


/*se_hangye*/
.se_hangye{ width:1100px; margin:0 auto; padding:30px 0 0 0;}
.se_hangye ul{padding:0 0 0 20px;position:relative}
.se_hangye li{ margin-bottom:20px; margin-right:20px; padding:20px; border:1px dashed #ccc;width:477px; float:left; position:relative;top:20px;left:20px; cursor: pointer;}
.se_hangye li:nth-child(2n){}
.se_hangye li.hover{border:1px solid yellow;}
.se_hangye_con{  }
.se_hangye_con_t{   line-height:40px; }
.se_hangye_con_t a{ font-size:16px; line-height:40px; font-weight:bold; color:#555;}
.se_hangye_con_other{ font-size:12px; color:#666; line-height:20px; padding:0 0 10px 0}
.se_hangye_con_t_intro{ font-size:12px; color:#666; line-height:24px;}

.se_lanmu_weizhi{ height:82px; line-height:82px; background:url(../images/case_index_title_bg.png) no-repeat bottom; border-bottom:#e3e3e3 1px solid; font-size:24px; color:#666; text-align:center; font-weight:bold }


#se_case_index{  margin-top:4px; background:#fff;height:189px;position:relative }
.se_case_index_title{height:82px;width:100%; background:url(../images/case_index_title_bg.png) no-repeat bottom; border-bottom:#e3e3e3 1px solid; position:absolute;top:10px;left:0 }
.se_case_index_title h1{ width:322px; height:32px; line-height:32px; margin:0 auto; padding:23px 0 21px 24px; font-size:32px; color:#666; background:url(../images/case_index_title_e.png) no-repeat right;}
.se_case_index_nav{ width:1020px; height:30px; overflow:hidden; padding:0 0 0 12px; position:absolute;top:130px;left:50%;margin-left:-510px;}
.se_case_index_nav ul{ height:30px;}
.se_case_index_nav li{ float:left; margin-right:12px; min-width:112px; height:30px; }
.se_case_index_nav li span{float:left; width:112px; height:30px; display:block; font-weight:bold}
.se_case_index_nav li a{ font-size:14px; text-align:center; line-height:30px; text-decoration:none; color:#fff; display:block; background:#797979; border-radius: 3px; }
.se_ca_erji{ float:left; padding:0 0 0 10px;}
.se_ca{float:left; height:30px; margin:0 5px 0 0  }
.se_case_index_nav li .se_ca a{background:#d8d8d8; color:#5b5b5b; width:90px; font-size:13px;}

.right_nav{ position:fixed;right:10px;top:50%;}
.right_nav li{ width:13px; height:13px; border-radius:8px;background:#666;margin:8px 0}
.right_nav li.crnt{background:red}


.anliku{ width:1200px; margin:0 auto; padding:30px 0 0 0; position:relative; overflow:hidden;}
.anliku ul{ width:1240px; }
.anliku li{ width:380px;margin:0 15px 50px 0; height:450px; float:left; position:relative;  cursor:pointer; border:5px solid #eaeaea}
.anliku_pic{ width:380px; height:450px; text-align:center; position:absolute; z-index:2; left:0; top:0; overflow:hidden;}
.anliku_pic img{ width:380px; top:0; position:absolute; left:0;}
.anliku_icon{ width:62px; height:62px; position:absolute; z-index:3; right:-5px; bottom:-5px; overflow:hidden;}
.anliku_icon img{ margin-left:0}


.p_float{ position:fixed; height:50px; background:#333366; url(../images/f_line.jpg) no-repeat center center; z-index:99; bottom:0; left:0; width:100%; color:#bcc4df; font-size:24px; line-height:50px; }
.s_width{width:1260px; margin:0 auto;}
.p_float li{ float:left;}
.p_float li.p_service{ padding:0 0 0 0;}
.p_float li.p_service span{ font-size:17px; color:#FFFFFF; padding: 0 8px 0 8px;}
.ssss{padding-top:15px; padding:10 2px 0 2px;}
.p_float li.p_free{ padding:5px 0 0 20px;}
.p_float li#gotop{ float:left; margin-left:50px; display:inline;}
.p_float li .fl_top{ width:62px; height:60px; background:url(../images/down1.jpg) no-repeat left top; display:block; cursor:pointer}
.p_float li.p_free a{  color:#bcc4df;}
.p_float a:link,.p_float a:visited{color:#cccccc;}
.p_float a:hover{color:#ffcc00;}
li.rright{float:right;}
li.rright a{float:right; margin-top:5px;}



.wu{ background:url(../images/shi_bg.png) no-repeat center top; height:1229px;}
.wu_title{ text-align:center; width:1280px; margin:0 auto; padding:130px 0 0 0}
.wu_title .wu_en{ border-top:1px solid #4f85c4 ; line-height:33px; text-transform:uppercase; margin:20px 0 0 0; font-size:17px; color:#8ec2ff}
.wu_title p{ color:#d2e7fe; font-size:16px; text-align:left; margin-top:20px;}
.wu ul{ width:1280px; margin:0 auto; padding:58px 0 0 0}
.wu li{ width:212px; float:left; }
.wu li .wu_bg{ width:191px; height:290px; margin:0 auto; background:#f7fbff; text-align:center; border-radius:120px; padding:20px 0 20px 0; transition-duration: 0.5s;}
.wu li .wu_pic img{transition-duration: 0.5s;}

.wu li strong{ font-size:22px; color:#383838; padding:15px 0 0 0; line-height:50px; border-bottom:1px solid #ea650d; display:block; width:88px; margin:0 auto; transition-duration: 0.5s;}
.wu li:hover .wu_bg{ height:300px; background:#32cc75}
.wu li:hover strong{ padding:40px 0 0 0}
.wu li p{ padding:10px 24px 0 24px; line-height:28px; font-size:15px; color:#444; text-align:left}
.wu .wu_tel{ text-align:center; padding:50px 0 0 0}
.wu li:hover  img{transform: rotateY(180deg)}


.ffff p{text-align:left; line-height:24px; text-indent:24px;}

.secMain { width:1190px; overflow:hidden; margin:10px auto;}





.cage_list{ width:1440px; margin:0 auto; height:90px; position:relative; z-index:1; top:90px;}
.cage_list li{float:left; width:90px; float:left; height:30px; line-height:90px; margin-left:15px; display:inline;}
.cage_list li.cage_a{ width:225px; }
.cage_list li.cage_b{ width:204px; }
.cage_list li.cage_c{ width:90px; }
.cage_list li.cage_f{ width:225px; }
.cage_list li.cage_h{ width:90px; }
.cage_list li.cage_i{ width:205px; }
.cage_list li.cage_a a{ background:url(../images/f_a.png) no-repeat 10px center;}
.cage_list li.cage_b a{ background:url(../images/f_b.png) no-repeat 20px center; padding:0 15px 0 0; }
.cage_list li.cage_c a{ background:url(../images/a1.png) no-repeat center; padding:0 12px 0 0; }
.cage_list li.cage_d a{ background:url(../images/f_d.png) no-repeat 10px center;}
.cage_list li.cage_e a{ background:url(../images/f_e.png) no-repeat 10px center;}
.cage_list li.cage_f a{ background:url(../images/f_z.png) no-repeat 10px center;}
.cage_list li.cage_h a{ background:url(../images/a1.png) no-repeat center; padding:0 12px 0 0; }
.cage_list li.cage_i a{ background:url(../images/f_h.png) no-repeat 10px center; padding:0 10px 0 0;}

.cage_list li a{ display:block;  text-align:right; font-size:18px; color:#191919; font-weight:bold; }
.cage_list li a:hover{ color:#fff}
.cage_list li.cage_a a:hover{ background:#0c58a6 url(../images/f_a.png) no-repeat 15px center;}
.cage_list li.cage_b a:hover{ background:#0c58a6 url(../images/f_b.png) no-repeat 24px center;}
.cage_list li.cage_c a:hover{ background:url(../images/a2.png) no-repeat center; padding:0 12px 0 0; }
.cage_list li.cage_d a:hover{ background:#0c58a6 url(../images/f_d.png) no-repeat 17px center;}
.cage_list li.cage_e a:hover{ background:#0c58a6 url(../images/f_e.png) no-repeat 17px center;}
.cage_list li.cage_h a:hover{ background:url(../images/a2.png) no-repeat center; padding:0 12px 0 0; }
.cage_list li.cage_i a:hover{ background:#0c58a6 url(../images/f_h.png) no-repeat 13px center;}
.cage_list li.cage_f a:hover{ background:#0c58a6 url(../images/f_z.png) no-repeat 17px center;}


.pro_dd ul{ width:1440px; margin:0 auto; position:relative; z-index:1; top:90px;}
.chanpin_con{ padding:0 0 71px 0;width: 1440px;margin: 0 auto;}
.chanpin_con li{float:left; padding:0; width:170px; height:170px; margin-right:11px; margin-bottom:11px; position:relative; overflow:hidden; background:#f1f1f1;}
.chanpin_con li .gonglv{ line-height:50px; width:135px; background:url(../images/gonglv.png) no-repeat left top; font-size:24px; color:#fff; font-weight:bold; position:absolute; left:0; top:0;  z-index:2; text-align:center;}

.chanpin_t_l{ width:150px; height:120px; margin:10px auto 0 auto; position:relative;  overflow:hidden; z-index:1}
.chanpin_t_l a{ width:150px; height:120px; position: relative; z-index:3; display:block}
.chanpin_t_l a span{ display:block; color:#ffffff; line-height:40px;  width:148px; position:absolute; bottom:0; z-index:99; font-size:15px; background:rgba(0,0,0,0.8); text-align:center;}

.chanpin_con li img{ }
.chanpin_t_l a:hover span{ color:#ffd800}
.chanpin_con li:hover .chanpin_t_r p{ font-size:18px; font-weight:bold; color:#fff}

.chanpin_t_r{padding:0 0 20px 0}
.chanpin_t_r p{ line-height:34px; font-size:18px; color:#000000; text-align:center; padding:10px 0 0 0}
.chanpin_t_r p a{color:#333333;}
.chanpin_t_r a:hover{  color:#cb0622;}

.chanpin_t_r_more{ width:148px; line-height:30px; margin:0 auto; border:1px solid #cecece}
.chanpin_t_r_more a{ font-size:15px; color:#616060; display:block; text-align:center; }
.chanpin_t_r_more a:hover{ color:#fff; }
.chanpin_con li:hover .chanpin_t_r_more{  border:1px solid #d53331; background:#d53331}
.chanpin_con li:hover .chanpin_t_r_more a{  color:#fff;}


.wxweb_title{ margin:0 auto; padding-bottom:6px; width:1200px; overflow:hidden;}
.wxweb_title h2{ width:100%; overflow:hidden; font-size:30px; font-weight:bold; line-height:80px; text-align:center; color:#343434;}
.wxweb_title h6{  padding-top:4px; width:100%; overflow:hidden; font-size:18px; font-weight:normal; line-height:40px; color:#696969; text-align:center;}
.wxweb_01 { width:1200px; height:700px; background:url(../images/wxweb_bj.png) center no-repeat; margin:20px auto;}
.wxweb_01_fl { width:590px; overflow:hidden; float:left;}
.wxweb_01_fr { width:590px; overflow:hidden; float:right;}
.wxweb_01_text { width:360px; overflow:hidden; float:right;}
.wxweb_01_text h2 { font-size:24px; font-weight:bold; line-height:40px; color:#343434;}
.wxweb_01_text h6 { font-size:14px;  line-height:24px; color:#696969;}
.wxweb_02_text { width:240px; margin-top:330px;}
.wxweb_03_text { width:300px; overflow:hidden; float:left; margin-top:50px; text-align:right;}
.wxweb_03_text h2 { font-size:24px; font-weight:bold; line-height:40px; color:#343434;}
.wxweb_03_text h6 { font-size:14px;  line-height:24px; color:#696969;}
.wxweb_04_text { width:220px; margin-top:180px; clear:both;}
.wxweb_05_text { width:340px; float:left; margin-top:150px; text-align:right; clear:both;}

.wxweb_02 { width:100%; overflow:hidden; background-color:#bce2f9; margin:0px auto;}
.wxweb02_main { width:1200px; height:410px; background:url(../images/wxweb02_bj.png) center no-repeat; margin:20px auto;}
.wxweb02_text { width:360px; height:510px; float:left;}
.wxweb02_text h1 { text-align:center; font-size:72px; line-height:80px; font-weight:bold; margin-top:30px;}
.wxweb02_text h2 { text-align:center; font-size:24px; line-height:50px; margin-top:40px;}
.wxweb02_text p { width:100%; overflow:hidden; text-align:center; font-size:14px; line-height:30px; margin-top:30px;}
.wxweb02_text01 { margin-left:50px;}
.wxweb02_text02 { margin-left:5px;}
.wxweb02_text03 {}
.wxweb03 { width:1200px; height:500px; margin:0px auto; background:url(../images/wxweb03_bj.png) center no-repeat;}
.wxweb03_main { width:100%; overflow:hidden; clear:both;}
.wxweb03_text { width:280px; overflow:hidden;}
.wxweb03_text h1{font-size:72px; line-height:60px; font-weight:bold; margin-top:30px; color:#02b2b5;}
.wxweb03_text p{ font-size:14px; line-height:30px; margin-top:10px;}
.wxweb03_text_l { float:left; margin-left:80px;}
.wxweb03_text_r { float:right; margin-right:80px;}
.wxweb04 { width:100%; overflow:hidden; background-color:#f2f6ff;}
.wxweb04_main { width:1200px; height:530px; background:url(../images/wxweb04_bj.png) left center no-repeat;}
.wxweb04_text { width:500px; height:90px; float:right; margin-top:10px; margin-bottom:10px;}
.wxweb04_text h2 { width:380px; height:40px; float:right; line-height:40px; font-size:16px;}
.wxweb04_text p { width:380px; height:50px; float:right; font-size:12px; line-height:20px; clear:both;}
.wxweb04_text01 { background:url(../images/wxweb04_1.png) left center no-repeat; clear:both;}
.wxweb04_text02 { background:url(../images/wxweb04_2.png) left center no-repeat; margin-right:10px; clear:both;}
.wxweb04_text03 { background:url(../images/wxweb04_3.png) left center no-repeat; margin-right:20px; clear:both;}
.wxweb04_text04 { background:url(../images/wxweb04_4.png) left center no-repeat; margin-right:30px; clear:both;}

.app_img { width:1200px; overflow:hidden; text-align:center; margin:10px auto;}
.app_img img { width:100%; height:auto;}

.pp_tit { width:1200px; overflow:hidden; margin:20px auto; text-align:center;}
.pp_tit h2 { font-size:36px; line-height:50px;}
.pp_tit h6 { font-size:18px; line-height:30px;}
.pp_tit p { font-size:14px;  line-height:24px;}

.rw_main { width:1200px; overflow:hidden; margin:20px auto;}
.rw_con { width:298px; overflow:hidden; float:left; height:300px;}
.rw_con h3 { height:50px; line-height:50px; text-align:center; font-size:18px; margin-top:150px;}
.rw_con p { overflow:hidden; line-height:20px; font-size:12px;}
.rw_con a { width:260px; overflow:hidden;display:block; margin:0px auto;}
#rw01 { background:url(../images/rw01.png) center top no-repeat;}
#rw01:hover { background:url(../images/rw01a.png) center top no-repeat;}
#rw02 { background:url(../images/rw02.png) center top no-repeat;}
#rw02:hover { background:url(../images/rw02a.png) center top no-repeat;}
#rw03 { background:url(../images/rw03.png) center top no-repeat;}
#rw03:hover { background:url(../images/rw03a.png) center top no-repeat;}
#rw04 { background:url(../images/rw04.png) center top no-repeat;}
#rw04:hover { background:url(../images/rw04a.png) center top no-repeat;}

.meiti { width:100%; overflow:hidden; background:url(../images/partners.jpg) center top repeat-y;}
.meiti_con { width:1200px; overflow:hidden; margin:20px auto;}
.meiti_con ul li { width:240px; overflow:hidden; margin-top:15px; float:left;}
.meiti_con ul li a { width:220px; height:110px; display:block; margin:0px auto;}
.meiti_con ul li a:hover { background-color:#FFF;}

.gongguan_con { width:1200px; overflow:hidden; margin:20px auto;}
.gongguan_main { width:400px; overflow:hidden; float:left; text-align:center;}
.gongguan_main img { margin:0px auto;}
.gongguan_main h2 { line-height:50px;}
.gongguan_main p { width:300px; margin:0px auto; font-size:12px; line-height:24px;}

.index_about_l { float:left; width:440px;}
.index_about_r { float:right; width:467px;}


.yingyong01_l { width:570px; height:362px; float:left;}
.yingyong01_r { width:600px; height:362px; float:right;}
.yingyong01_l h1 { line-height:100px;}
.yingyong01_l p { font-size:16px; line-height:36px;}
.yy_out { width:100%; overflow:hidden; background-color:#f4f6f9;}
.yy_out h1 { text-align:center; font-weight:400; line-height:50px;}
.yy_out p { width:100%; overflow:hidden; display:block; clear:both; line-height:30px; text-align:center;}
.yy_ys { width:370px; height:320px; float:left; margin-left:25px; background-color:#FFF; text-align:center;}
.yy_ys a { width:370px; height:360px; display:block; background-color:#FFF;}
.yy_ys a:hover { background-color:#334455; color:#FFF;}
.yy_ys01 { background:url(../images/yy_ys01.png) center 50px no-repeat;}
.yy_ys01:hover { background:url(../images/yy_ys01a.png) center 50px no-repeat;}
.yy_ys02 { background:url(../images/yy_ys02.png) center 50px no-repeat;}
.yy_ys02:hover { background:url(../images/yy_ys02a.png) center 50px no-repeat;}
.yy_ys03 { background:url(../images/yy_ys03.png) center 50px no-repeat;}
.yy_ys03:hover { background:url(../images/yy_ys03a.png) center 50px no-repeat;}
.yy_ys h2{ line-height:50px;}
.yy_ys p { width:300px; overflow:hidden; line-height:26px; text-align:center; margin:0px auto;}
.yy_out2 { width:100%; background-color:#334455; overflow:hidden;}
.yy_out2 h1 {text-align:center; font-weight:400; line-height:50px; color:#FFF;}


.secapp1 { text-align:center;}
.secapp1 h2 { line-height:50px; font-weight:400;}
.secapp1 p { width:100%; overflow:hidden; display:block; clear:both; margin:0px auto; line-height:36px;}

.sec_bd { text-align:center;}
.sec_bd h1 { line-height:50px; font-weight:400; color:#2c6bc9;}
.sec_bd p { width:100%; overflow:hidden; display:block; clear:both; margin:0px auto; line-height:36px;}
.wc_tab { background-color:#999;}
.wc_tab tr td { background-color:#FFF; text-align:center; padding:10px;}
.wc_tab tr td span { width:100%; height:40px; display:block; clear:both; text-align:center; line-height:40px; font-weight:500;}
.wc_con { width:580px; height:100px; background-color:#FFF; border:#CCC solid 1px; float:left; margin-left:10px; margin-bottom:10px;}
.wc_conL { width:100px; height:100px; float:left; text-align:center;}
.wc_conL img { margin-top:16px;}
.wc_conR { width:470px; height:100px; float:right;}
.wc_conR h2 { line-height:40px; font-weight:500; padding-top:15px;}
.wc_conR p { line-height:30px; font-size:14px; color:#999;}



.indexNewsList { width:620px; height:150px;}
.indexNewsImg { width:170px; height:146px;}
.indexNewsImg img { border:#CCC solid 1px; padding:2px;}
.indexNewsCon { width:320px; height:150px;}
.indexNewsCon h3 { height:40px; line-height:40px; border-bottom:#999 solid 1px; font-size:18px; font-weight:normal;}
.indexNewsCon p { font-size:12px; line-height:24px; color:#828282;}
.indexNewsDate { width:100px; height:160p; text-align:center; margin-right:15px;}
.date_top { font-size:40px; font-weight:bold; color:#b2b2b2; line-height:40px;}
.date_center {font-size:18px; font-weight:bold; color:#b2b2b2; line-height:40px;}
.date_more { width:100px; height:30px; display:block; text-align:center; border:#b2b2b2 solid 1px; line-height:30px;}
.date_more a { width:100px; height:30px; display:block; color:#b2b2b2;}
.indexNews_More { width:300px; height:40px;text-align:center;}
.indexNews_More a{ width:300px; height:38px; line-height:38px; display:block; color:#b2b2b2; border:#b2b2b2 solid 1px;}
.indexNews_More a:hover{  color:#ffae00; border:#ffae00 solid 1px;}</pre></body></html>